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

   1 <svg width="800" height="600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   2 <defs>
   3     <marker id="markerStart" viewBox="0 0 10 10" markerWidth="1" markerHeight="2" refX="5" refY="5" markerUnits="strokeWidth">
   4         <rect width="10" height="10" fill="red" stroke="none"/>
   5     </marker>
   6     <marker id="markerMiddle" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="5" refY="5" markerUnits="strokeWidth">
   7         <circle cx="5" cy="5" r="5" fill="green" stroke="none"/>
   8     </marker>
   9     <marker id="markerEnd" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="5" refY="5" markerUnits="strokeWidth">
  10         <path d="M 5 0 L 10 10 L 0 10 Z" fill="blue" stroke="none"/>
  11     </marker>
  12 </defs>
  13
  14
  15 <g onclick="mouseHandler()">
  16     <path fill="none" stroke="black" stroke-width="8" marker-start="url(#markerStart)" marker-mid="url(#markerMiddle)" marker-end="url(#markerEnd)" d="M 130 135 L 180 135 L 180 185"/>
  17 </g>
  18
  19 <script>
  20 function mouseHandler(evt)
  21 {
  22     var marker = document.getElementById("markerStart");
  23     marker.setAttribute("markerWidth", "2");
  24 }
  25
  26 if (window.eventSender) {
  27     eventSender.mouseMoveTo(150, 135);
  28     eventSender.mouseDown();
  29     eventSender.mouseUp();
  30 }
  31 </script>
  32
  33 </svg>