如何创建SVG箭头和polymarker——`marker`元素
一个常见的使用SVG绘制的图形是箭头。一行代码就可以创建一个,但是这样代码重复度很大。你也可以在<defs>
和<symbol>
中定义好再去重用,但是你每次应用的时候都需要对其移动或旋转。直接用一个<marker>
元素的话会方便很多。前面几周的时候我讲过如何组织SVG代码,以及如何定义一个可重用的图形对象。可以翻一下w3cplus上SVG系列文章进行学习~今天我想要讨论一个特殊的元素,可以在一个地方定义,然后在另一个地方引用的——marker
,通常用来创建箭头和一些polymarker。