Paper.js绘制鼠标跟随路径时小转角出现描边孔洞问题求助

• 调整描边转角类型
  这个问题核心是paper.js默认使用miter（斜接）类型的描边转角，当转角角度过小时，斜接长度超过默认阈值就会出现断裂、孔洞问题。你可以直接将描边转角改为round（圆角）或者bevel（平切），即可解决该问题：

  // 初始化路径时配置
  const path = new paper.Path({
    strokeColor: 'black',
    strokeWidth: 4,
    strokeJoin: 'round' // 或 'bevel'
  })
  

• 调整斜接阈值保留锐利转角
  如果你需要保留转角的锐利效果不想改成圆角/平切，可以调高strokeMiterLimit参数的数值，该参数代表斜接长度和描边宽度的最大比值，默认值为10，调大可兼容更小的转角：

  path.strokeMiterLimit = 25 // 可根据你的实际描边宽度调整到合适数值
  

• 优化路径点采样逻辑从根源避免过小转角
  鼠标绘制时如果采样点过于密集很容易生成极小角度的转角，你可以给路径加点逻辑加一层过滤：两次鼠标点位距离小于2px时不添加新点，或是计算新点与前两个路径点形成的夹角，如果小于5°就删除前一个点再添加新点，从源头上避免出现过尖的转角。
• 改用闭合填充路径替代描边
  如果以上方案都无法满足你的定制化需求，可以放弃自带描边能力，根据鼠标移动生成的中心线，手动计算对应宽度的上下边缘点位，生成闭合路径后填充，完全避开描边的转角限制，该方案实现复杂度较高但灵活度最高。

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