OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <html> | 2 <html> |
3 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> | 3 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> |
4 <script> | 4 <script> |
5 window.testIsAsync = true; | 5 window.testIsAsync = true; |
6 window.onload = runRepaintTest; | 6 window.onload = runRepaintTest; |
7 | 7 |
8 function repaintTest() { | 8 function repaintTest() { |
9 setTimeout(function() { | 9 setTimeout(function() { |
10 document.getElementById('t').setAttribute("stroke", "blue"); | 10 document.getElementById('t').setAttribute("stroke", "blue"); |
11 document.getElementById('t').setAttribute("vector-effect", "non-scaling-strok
e"); | 11 document.getElementById('t').setAttribute("vector-effect", "non-scaling-strok
e"); |
12 document.getElementById('t').setAttribute("stroke-width", "8"); | 12 document.getElementById('t').setAttribute("stroke-width", "8"); |
13 requestAnimationFrame(function() { | 13 requestAnimationFrame(function() { |
14 if (window.testRunner) | 14 if (window.testRunner) |
15 finishRepaintTest(); | 15 finishRepaintTest(); |
16 }); | 16 }); |
17 }, 0); | 17 }, 0); |
18 }; | 18 }; |
19 </script> | 19 </script> |
20 <body> | 20 <body> |
21 <svg> | 21 <svg> |
22 <g transform="scale(0.5 0.5)"> | 22 <g transform="scale(0.5 0.5)"> |
23 <text id="t" x="10" y="50" stroke="none" stroke-width="2" fill="none" fon
t-size="36" vector-effect="none">Hello</text> | 23 <text id="t" x="10" y="50" stroke="none" stroke-width="2" fill="none" fon
t-size="36" vector-effect="none" text-decoration="underline">Hello</text> |
24 </g> | 24 </g> |
25 </svg> | 25 </svg> |
26 </body> | 26 </body> |
27 </html> | 27 </html> |
OLD | NEW |