blob: f6883e274a4a184e7c6c807367fe7cdb4fce9826 [file] [log] [blame]
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" baseProfile="full" 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">
<g id="test-body-content">
<text x="0" y="20">This should show three markers on the path for start/mid/end.</text>
<text x="0" y="40">Start marker has no markerWidth/markerHeight specified.</text>
<text x="0" y="60">Mid marker has no markerWidth specified.</text>
<text x="0" y="80">End marker has no markerHeight specified.</text>
<marker id="marker1" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="strokeWidth">
<rect width="10" height="10" fill="green" stroke="none"/>
</marker>
<marker id="marker2" viewBox="0 0 10 10" markerHeight="3" refX="5" refY="5" markerUnits="strokeWidth">
<rect width="10" height="10" fill="green" stroke="none"/>
</marker>
<marker id="marker3" viewBox="0 0 10 10" markerWidth="3" refX="5" refY="5" markerUnits="strokeWidth">
<rect width="10" height="10" fill="green" stroke="none"/>
</marker>
<path fill="none" stroke="none" stroke-width="8" marker-start="url(#marker1)" marker-mid="url(#marker2)" marker-end="url(#marker3)" d="M 130 120 L 180 120 L 180 170"/>
</g>
</svg>