OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> | 4 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> |
5 <script> | 5 <script> |
6 function repaintTest() { | 6 function repaintTest() { |
7 document.getElementById('div').style.webkitTransform = ''; | 7 document.getElementById('div').style.transform = ''; |
8 } | 8 } |
9 </script> | 9 </script> |
10 </head> | 10 </head> |
11 <body onload="forceStyleRecalc();repaintTest();"> | 11 <body onload="forceStyleRecalc();repaintTest();"> |
12 <!-- Test for http://crbug.com/345441 - the circle edge should not be blurry -
-> | 12 <!-- Test for http://crbug.com/345441 - the circle edge should not be blurry -
-> |
13 <div id="div" style="-webkit-transform: rotate3d(1, 0, 0, 85deg); -webkit-tran
sform-origin: 100px 100px 0px;"> | 13 <div id="div" style="transform: rotate3d(1, 0, 0, 85deg); -webkit-transform-or
igin: 100px 100px 0px;"> |
14 <svg width="300" height="300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink
="http://www.w3.org/1999/xlink"> | 14 <svg width="300" height="300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink
="http://www.w3.org/1999/xlink"> |
15 <defs> | 15 <defs> |
16 <filter x="0" y="0" width="100%" height="100%" id="filter"> | 16 <filter x="0" y="0" width="100%" height="100%" id="filter"> |
17 <feOffset/> | 17 <feOffset/> |
18 </filter> | 18 </filter> |
19 </defs> | 19 </defs> |
20 <circle cx="100" cy="100" r="100" fill="green" filter="url(#filter)"/> | 20 <circle cx="100" cy="100" r="100" fill="green" filter="url(#filter)"/> |
21 </svg> | 21 </svg> |
22 </div> | 22 </div> |
23 </body> | 23 </body> |
24 </html> | 24 </html> |
OLD | NEW |