third_party/WebKit/LayoutTests/svg/repaint/repaint-non-scaling-stroke-text.html

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