在 canvas 中找到圆弧中心

Question

如何在 canvas 和 JavaScript 中找到弧的中心？

我需要找到圆弧的位置及其中心。

Answer 1

如果您的代码使用 context.arc(centerX,centerY,radius,startAngle,endAngle)

绘制圆弧

圆弧由​​其中心点、半径、startAngle 和 endAngle 定义，因此您已经有了中心点：[centerX, centerY]。

如果你没有绘制圆弧，而只是有一张包含不同颜色圆弧的图像

• 使用context.getImageData获取canvas上的所有像素颜色。
• 用你想要的弧线的颜色找到3个像素的坐标。这些点不能共线，最好彼此合理分开。
• 使用这 3 个坐标和 Whosebug Q&A 中的算法找到中心点。