haikuwebkit/LayoutTests/svg/custom/marker-auto-start-reverse-e...

13 lines
620 B
HTML

<!doctype html>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="300" height="300">
<defs>
<marker id="arrow" orient="225" markerWidth="10" markerHeight="10" style="overflow:visible">
<path d="M5,0 L 0,-5 L0,5 z" fill="green"/>
</marker>
<marker id="arrow2" orient="auto" markerWidth="10" markerHeight="10" style="overflow:visible">
<path d="M5,0 L 0,-5 L0,5 z" fill="green"/>
</marker>
</defs>
<path d="M 20,20 L50,50 L 80,80" marker-start="url(#arrow)" marker-mid="url(#arrow2)" marker-end="url(#arrow2)" stroke="black"/>
</svg>