third_party/WebKit/LayoutTests/svg/custom/js-repaint-rect-on-path-with-stroke.svg

   1 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
   2 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="300" onload="runRepaintAndPixelTest()">
   3 <script xlink:href="../../fast/repaint/resources/text-based-repaint.js"/>
   4 <!-- Tests the correct calculation of repaint rect. The triangle should be on the left hand side of the line. -->
   5 <script>
   6 function repaintTest() {
   7     var path = document.getElementById("path");
   8     trafos = path.transform.baseVal;
   9     trafos.appendItem(trafos.createSVGTransformFromMatrix(document.documentElement.createSVGMatrix().translate(-150,0)));
  10 }
  11 </script>
  12 <line x1="175" y1="30" x2="175" y2="120" stroke="black"/>
  13 <path id="path" d="M200,50 L300,75 L200,100" style="stroke-width:10;stroke-dasharray:210;stroke-dashoffset:210;fill:green;stroke:black"/>
  14
  15 </svg>