求助：如何获取SVG路径圆弧命令上的点？

SVG的A命令圆弧参数确实绕，光看W3C文档容易卡壳，直接给你落地步骤：

第一步：把SVG端点式圆弧转成几何参数 #

SVG的A rx ry x-axis-rotation large-arc-flag sweep-flag x y是基于起始点（路径当前终点）和目标点来定义的，得先算出核心几何参数：

• 对起始点(x1,y1)和目标点(x,y)做坐标变换，抵消x轴旋转的影响；
• 按文档算法计算变换后的圆心，再转回到原坐标系得到(cx,cy)；
• 根据large-arc-flag（0=小弧，1=大弧）和sweep-flag（0=逆时针，1=顺时针）确定圆弧走向；
• 算出起始角θ1和终止角θ2，注意要处理角度的象限问题，别搞反方向。

第二步：生成圆弧上的采样点 #

有了圆心、半轴、角度范围和旋转角，用参数方程逐点生成：

// 遍历角度从θ1到θ2，步进值按需调整（注意用弧度）
for (let θ = θ1; θ <= θ2; θ += stepRadian) {
  // 先算旋转后的椭圆点
  const xRot = rx * Math.cos(θ);
  const yRot = ry * Math.sin(θ);
  // 转换回原坐标系（抵消x轴旋转）
  const x = cx + xRot * Math.cos(φ) - yRot * Math.sin(φ);
  const y = cy + xRot * Math.sin(φ) + yRot * Math.cos(φ);
  // 把(x,y)加入点集
}

步进值可以固定（比如0.1弧度，约5.7°），也可以根据弧长动态调整——比如每10像素取一个点，平衡精度和性能，适合你的碰撞器需求。

避坑提醒 #

• 处理边界情况：如果rx/ry为0，直接按直线处理；如果起始点和目标点重合，返回空或单个点；
• large-arc-flag和sweep-flag的组合别搞混，这是最容易生成错误圆弧的地方；
• JS里的Math.cos/Math.sin基于弧度计算，所有角度相关的计算都要先转成弧度。

内容的提问来源于stack exchange，提问作者nullpointer7