javascript - 使用 Kineticjs 删除圆的一部分

Question

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

Answer 1

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

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

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

地点:

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