ManualTests/qt/control_paiting_with_transforms.html

   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; -webkit-transform: rotate(0deg);' type='text' value=''>
  19   <input id='button_rotate'; style='position:absolute; left:300px; top:300px; -webkit-transform: rotate(0deg);' type='button' value='                            '>
  20 </body>
  21 </html>
  22
  23