javascript - 使用 Kineticjs 删除部分圆圈

Question

可以通过分别单击圆周上的第一个和第二个点来删除圆周上任意两个点之间的弧吗？

Answer 1

如果你知道圆的中心点，那就很容易了。

您可以使用自定义 Kinetic.Shape 像这样绘制新弧：

context.arc(cx,cy,radius,startAngle,endAngle,sweepCounterclockwise)

在哪里：

• cx,cy：现有圆的 centerX/centerY 是新圆弧的 cx,cy。
• radius：使用距离公式计算半径：Math.sqrt(dx*dx+dy*dy)。
• 角度：使用 Math.atan2 计算点击与圆中心点的 2 个角度。
• sweep：使用逆时针选项以大或小摆动绘制新弧。