参数的作用方式？
来源：4-6 弧形
慕前端5517794
2019-04-30 19:10:21
<path d="M10 315 // 坐标位置？ L 110 215 // 从L命令之前的点到（x，y）点之间画一条线段？ A 30 50 0 0 1 162.55 162.45 // 短轴30 长轴50 0旋转角度 0绝对弧线 1弧线方向 162.55 162.45弧线的终点 L 172.55 152.45 A 30 50 -45 0 1 215.1 109.9 L 315 10" // ？ stroke="#C7000B" fill="green" />
短轴、长轴、旋转角度、弧线方向好理解，但其它参数是如何影响椭圆以及作用方向，在浏览器中调整参数来测试，不好理解，麻烦老师再讲解下，谢谢
写回答
2回答
-
樱桃小胖子
2019-05-01
指的是A 30 50 -45 0 1 215.1 109.9么？
A的语法：rx,ry x-axis-rotation large-arc-flag sweep-flag x,y
属性值：
rx 弧的半长轴长度
ry 弧的半短轴长度
x-axis-rotation 是此段弧所在的x轴与水平方向的夹角，即x轴的逆时针旋转角度，负数代表顺时针旋转角度。
large-arc-flag 为1表示大角度弧线，0表示小角度弧线
sweep-flag 为1表示从起点到终点弧线绕中心顺时针方向，0表示逆时针方向。
xy 是终点坐标。其实 就是从当前点绘制一段椭圆弧到点 (x, y)，椭圆的大小和方向由 (rx, ry) 和 x-axis-rotation 参数决定， x-axis-rotation 参数表示椭圆整体相对于当前坐标系统的旋转角度。椭圆的中心坐标 (cx, cy) 会自动进行计算从而满足其它参数约束。large-arc-flag 和 sweep-flag 也被用于圆弧的计算与绘制。并且，这个在前端开发中是一般用不到，当做拓展知识了解即可
0 -
慕前端5517794
提问者
2019-04-30
<path d="M10 315 L 110 215 A 30 50 0 0 1 162.55 162.45 // 0绝对弧线 162.55 162.45弧线的终点 L 172.55 152.45 A 30 50 -45 0 1 215.1 109.9 L 315 10" stroke="#C7000B" fill="green" />
老师，摸索出来怎么调试，M L的作用点和方向明白了，麻烦老师解答下绝对弧线和终点，谢谢
0
相似问题