在画布中找到圆弧中心

时间:2016-07-23 05:05:17

标签: javascript canvas automatic-ref-counting center

如何使用JavaScript在画布中找到弧的中心?

enter image description here

我需要找到弧的位置,它是中心。

1 个答案:

答案 0 :(得分:2)

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

绘制弧线

弧由其中心点,半径,startAngle& endAngle所以你已经有了中心点:[centerX, centerY]

如果你没有绘制弧线但是只有一个包含不同颜色弧线的图像

  • 使用context.getImageData获取画布上的所有像素颜色。
  • 使用所需弧的颜色找到3个像素的坐标。这些点不能是共线的,并且最好它们彼此合理地分开。
  • 使用这3个坐标&此Stackoverflow Q&A中的算法用于查找中心点。