Chromium Code Reviews| OLD | NEW |
|---|---|
| 1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
| 2 <html style="font-size:10px"> | 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 = runRepaintAndPixelTest; | 6 window.onload = runRepaintAndPixelTest; |
| 7 | 7 |
| 8 function repaintTest() { | 8 function repaintTest() { |
| 9 setTimeout(function() { | 9 setTimeout(function() { |
| 10 document.getElementsByTagName("html")[0].style.fontSize="5px"; | 10 document.getElementById('t').setAttribute("vector-effect", "non-scaling-strok e"); |
| 11 requestAnimationFrame(function() { | 11 requestAnimationFrame(function() { |
| 12 if (window.testRunner) | 12 if (window.testRunner) |
| 13 finishRepaintTest(); | 13 finishRepaintTest(); |
| 14 }); | 14 }); |
| 15 }, 0); | 15 }, 0); |
| 16 }; | 16 }; |
| 17 </script> | 17 </script> |
| 18 <body> | 18 <body> |
| 19 <div style="font-size:10px"> | 19 <svg> |
| 20 <svg style="width:20rem; height:20rem;"> | 20 <g transform="scale(2 2)"> |
| 21 <rect width="20rem" height="20em" style="fill:rgb(0,0,255);" /> | 21 <text id="t" x="0" y="50" stroke="blue" stroke-width="2" fill="none" font -size="36">Hello</text> |
|
fs
2015/04/22 14:05:05
I think you'd want to add the stroke as well, so t
Shanmuga Pandi
2015/04/22 14:31:02
Done.
| |
| 22 </g> | |
| 22 </svg> | 23 </svg> |
| 23 </div> | |
| 24 </body> | 24 </body> |
| 25 </html> | 25 </html> |
| OLD | NEW |