third_party/WebKit/LayoutTests/svg/custom/marker-strokeWidth-changes.svg

   1 <svg width="800" height="600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="runRepaintAndPixelTest()">
   2 <script xlink:href="../../fast/repaint/resources/text-based-repaint.js"/>
   3 <defs>
   4     <marker id="markerStart" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="5" refY="5" markerUnits="strokeWidth">
   5         <rect width="10" height="10" fill="red" stroke="none"/>
   6     </marker>
   7     <marker id="markerMiddle" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="5" refY="5" markerUnits="strokeWidth">
   8         <circle cx="5" cy="5" r="5" fill="green" stroke="none"/>
   9     </marker>
  10     <marker id="markerEnd" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="5" refY="5" markerUnits="strokeWidth">
  11         <path d="M 5 0 L 10 10 L 0 10 Z" fill="blue" stroke="none"/>
  12     </marker>
  13 </defs>
  14
  15 <script>
  16 function repaintTest() {
  17     document.getElementById("path").setAttribute("stroke-width", "8");
  18 }
  19 </script>
  20
  21 <g>
  22     <path id="path" fill="none" stroke="black" stroke-width="4" marker-start="url(#markerStart)" marker-mid="url(#markerMiddle)" marker-end="url(#markerEnd)" d="M 130 135 L 180 135 L 180 185"/>
  23 </g>
  24 </svg>