OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> | 2 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> |
3 <script> | 3 <script> |
4 window.testIsAsync = true; | 4 window.testIsAsync = true; |
5 </script> | 5 </script> |
6 <body onload="runRepaintTest()"> | 6 <body onload="runRepaintAndPixelTest()"> |
7 <svg width="300" height="200"> | 7 <svg width="300" height="200"> |
8 <image width="200" height="200" preserveAspectRatio="none" | 8 <image width="200" height="200" preserveAspectRatio="none" |
9 xlink:href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'
width='50' height='50'><rect width='100%' height='100%' fill='green'/></svg>"></
image> | 9 xlink:href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'
width='50' height='50'><rect width='100%' height='100%' fill='green'/></svg>"></
image> |
10 </svg> | 10 </svg> |
11 <script> | 11 <script> |
12 function repaintTest() { | 12 function repaintTest() { |
13 document.querySelector('image').setAttribute('width', 100); | 13 document.querySelector('image').setAttribute('width', 100); |
14 requestAnimationFrame(function() { | 14 requestAnimationFrame(function() { |
15 requestAnimationFrame(function() { | 15 requestAnimationFrame(function() { |
16 finishRepaintTest(); | 16 finishRepaintTest(); |
17 }); | 17 }); |
18 }); | 18 }); |
19 } | 19 } |
20 </script> | 20 </script> |
21 </body> | 21 </body> |
OLD | NEW |