third_party/WebKit/LayoutTests/svg/custom/shapes-supporting-markers.svg

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
   3 <svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  id="svg-root" width="100%" height="100%" viewBox="0 0 480 360">
   4         <title id="test-title">Shapes and markers</title>
   5         <defs>
   6           <marker id="mark" viewBox="0 0 8 8" refX="4" refY="4" markerHeight="3" markerWidth="3">
   7             <circle cx="4" cy="4" r="3" stroke="#f00" fill="none"/>
   8           </marker>
   9         </defs>
  10         <g id="test-body-content" marker-start="url(#mark)" marker-mid="url(#mark)" marker-end="url(#mark)">
  11                 <text x="0" y="20">The first row of shapes should have no marker decorations,</text>
  12                 <text x="0" y="40">the second row should have them.</text>
  13                 <!-- These should have not markers -->
  14                 <rect fill="none" stroke="#000000"  x="0" y="50" width="50" height="50"/>
  15                 <circle fill="none" stroke="#000000"  cx="80" cy="76" r="25" />
  16                 <ellipse fill="none" stroke="#000000"  cx="140" cy="76" rx="30" ry="25"/>
  17                 <!-- These should have markers -->
  18                 <line fill="none" stroke="#000000" x1="0" y1="120" x2="0" y2="170"/>
  19                 <polyline fill="none" stroke="#000000" points="30 120 80 120 55 170"/>
  20                 <polygon fill="none" stroke="#000000" points="100 120 150 120 125 170"/>
  21                 <path fill="none" stroke="#000000" d="M170 120 220 120 195 170 C 185 170 170 140 170 120"/>
  22         </g>
  23 </svg>
  24