svg路径中圆弧的笔记

<svg width=600 height=400 > </svg>

 <svg width=600 height=400 >
    <path d='M100,100 A50,50 1,1 0,100 150' fill="none" stroke="#000" stroke-width="2px"/>
</svg>

A rx ry x-axis-rotation large-arc-flag sweep-flag x y

rx ry rx指的是x轴方向的半径 ry指y轴方向半径

x-axis-rotation 与x轴夹角的度数

large-arc-flag 属性值只有1或者0,为1的时候显示大弧,0的时候显示小弧度

sweep-flag 属性值只有1或者0 0为正常显示,1为轴对称显示

x y 弧的终点