Snapper中onEllipticalArc函数无法正常工作问题求助

1. 解决createEllipticalArcGeometry返回值类型不匹配导致的NaN问题 #

• 核心问题：函数接收Vector3参数但返回Vector2，后续执行applyMatrix4计算时因z值缺失产生NaN。
• 修复方案：
  • 直接修改函数源码：将返回的顶点对象从Vector2改为Vector3，保留输入参数的z值或设为默认0：

    // 调整createEllipticalArcGeometry内部的返回逻辑
    function createEllipticalArcGeometry(vector3Param) {
      // ...原有计算逻辑得到x、y坐标
      return new Vector3(x, y, vector3Param.z || 0); // 根据实际使用的库调整构造函数
    }
    

  • 无法修改源码时，在调用后手动补全z值：

    const arcVertices = createEllipticalArcGeometry(inputVector3);
    // 为每个顶点补全z值，继承输入参数的z值或设为0
    arcVertices.forEach(vertex => {
      vertex.z = vertex.z ?? inputVector3.z ?? 0;
    });
    // 再执行矩阵变换计算
    arcVertices.forEach(v => v.applyMatrix4(transformMatrix));
    

2. 替代缺失的makeEllipticalArc函数 #

• 问题说明：API仅提供fromEllipticalArc方法，不存在makeEllipticalArc。
• 解决方式：
  • 直接使用fromEllipticalArc：如果该方法用于从现有椭圆弧实例生成snapCandidate，直接传入椭圆弧对象即可：

    // 先构造椭圆弧实例
    const ellipticalArc = new EllipticalArc(center, radiusX, radiusY, rotation, startAngle, endAngle);
    // 生成snapCandidate
    const snapCandidate = SnapCandidate.fromEllipticalArc(ellipticalArc);
    

  • 封装自定义makeEllipticalArc：如果需要从头创建snapCandidate，基于现有方法封装：

    function makeEllipticalArc(center, radiusX, radiusY, rotation, startAngle, endAngle) {
      const arcInstance = new EllipticalArc(center, radiusX, radiusY, rotation, startAngle, endAngle);
      return SnapCandidate.fromEllipticalArc(arcInstance);
    }
    // 调用示例
    const candidate = makeEllipticalArc(new Vector3(0,0,0), 10, 5, 0, 0, Math.PI/2);
    

内容的提问来源于stack exchange，提问作者Ján Slivka