svg 画箭头

作者: 我乃观音坐下的第一个男人
来源: 51数据库
2020-10-02

首先你要定义个箭头的形状，（defs和marker元素）
然后使用线条的marker-end属性来填充

　　marker是给图形元素（如line、path、polyline和polygon）添加内容的好方法，通常用来做箭头和连接点（如最后一个实例中的圆）。
你可以使用少量的属性来控制你的marker的尺寸和位置。还可以控制它是随着连接的内容一起缩放，或保持绝对尺寸。另外，四个marker(-start,-mid,-end)属性允许你将marker连接到line、polyline、polygon和path的不同位置。
下次我们要讨论另一个元素了，用来定义图形元素的。pattern元素，以及如何创建图案，填充到不同的元素上。

推荐阅读