| 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 |