OLD | NEW |
| (Empty) |
1 <html> | |
2 <head> | |
3 <script> | |
4 var d = 0; | |
5 | |
6 function rotate() { | |
7 d+=1; | |
8 document.getElementById('text_rotate').style.webkitTransform = "rotate(" +
d + "deg)"; | |
9 document.getElementById('button_rotate').style.webkitTransform = "rotate("
+ (360 - d) + "deg)"; | |
10 setTimeout('rotate()', 10); | |
11 } | |
12 </script> | |
13 </head> | |
14 <body> | |
15 <p>This tests the quality of the control drawing, while transform is applied.<
br> | |
16 Click on the button and check for quality regression, while rotating.</p> | |
17 <input type='button' value='rotate' onclick='rotate();'> | |
18 <input id='text_rotate'; style='position:absolute; left:300px; top:100px; -web
kit-transform: rotate(0deg);' type='text' value=''> | |
19 <input id='button_rotate'; style='position:absolute; left:300px; top:300px; -w
ebkit-transform: rotate(0deg);' type='button' value='
'> | |
20 </body> | |
21 </html> | |
22 | |
23 | |
OLD | NEW |