marker-css-transform-ref.html (434B)
1 <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> 2 <defs> 3 <marker id="arrow" viewBox="0 0 10 10" refX="5" refY="5" 4 markerWidth="6" markerHeight="6" 5 orient="auto-start-reverse"> 6 <path id="ap" transform="scale(2,2)" d="M 0 0 L 5 2.5 L 0 5 z" /> 7 </marker> 8 </defs> 9 10 <polyline points="10,30 90,30" fill="none" stroke="black" 11 marker-start="url(#arrow)" marker-end="url(#arrow)" /> 12 </svg>