我需要讓它變得靈活。它可以是某種類型的線條和線條末端的箭頭。因此，我決定創建兩個 SVG 對象：線條和箭頭。如何在線的末尾或開頭繪制箭頭？我的路線是：<svg width="500" height="100"> <line x1="0" y1="80" x2="100" y2="20" stroke="black" /></svg>
1 回答
胡子哥哥
TA貢獻1825條經驗 獲得超6個贊
您可以defs使用path- http://jsfiddle.net/jxtfeqag/
<svg>
<defs>
<marker
id='head'
orient="auto"
markerWidth='3'
markerHeight='4'
refX='0.1'
refY='2'
>
<path d='M0,0 V4 L2,2 Z' fill="black" />
</marker>
</defs>
<path
id='arrow-line'
marker-end='url(#head)'
stroke-width='4'
fill='none' stroke='black'
d='M0,0, 80 100,120'
/>
</svg>
- 1 回答
- 0 關注
- 253 瀏覽
添加回答
舉報
0/150
提交
取消