svg中marker元素的理解

marker的用途

常用于做箭头标签使用。

marker的定义和属性

<marker markerWidth="10" marlkerHeight="10" refX="0" refY="5"> <path d="M 0 0 L 10 5 L 0 10 z" stroke="#666"></path> </marker>
markerWidth、markerHeight代表箭头标签的宽高范围，需要大于等于path画出的三角形箭头图形的范围，否则path画出的三角形箭头图形只会显示markerWidth,markerHeight范围内的部分，超出的部分会被遮挡。
refX、refY则表示箭头图形和直线连接的坐标点。
至于marker其他属性和marker的使用则比较容易理解，可参考其他资料。