svg如何用marker 定义一个黑色的小圆点

时间:2023-03-10 07:00:19
svg如何用marker 定义一个黑色的小圆点

<defs>
<marker id="markerStartArrow"
viewBox="0 0 30 30" refX="10" refY="25"
markerUnits="strokeWidth" markerWidth="9" markerHeight="20"
orient="auto">
<path d="M0,25,A12.5,12.5,0,1,1,0,25.01Z"/>
</marker>
</defs>
<line style="marker-start:url(#markerStartArrow); x1="325" x2="660" y1="535" y2="200"/>
A指令 
Elliptical Arc,允许不闭合。可以想像成是椭圆的某一段,共七个参数。
RX,RY指所在椭圆的半轴大小
XROTATION指椭圆的X轴与水平方向顺时针方向夹角,可以想像成一个水平的椭圆绕中心点顺时针旋转XROTATION的角度。
FLAG1只有两个值,1表示大角度弧线,0为小角度弧线。
FLAG2只有两个值,确定从起点至终点的方向,1为顺时针,0为逆时针
X,Y为终点坐标
如M0,25,A12.5,12.5,0,1,1,0,25.01Z表示一个圆心在(12.5,25),半径为12.5的圆。其中起点和终点几乎重合,用Z指令将它们闭合,注意终点不能填(0,25),那样A指令是无法被解析的。

 

引用地址:http://bbs.****.net/topics/380146182