Javascript 在画布中查找弧中心_Javascript_Canvas_Automatic Ref Counting_Center

Javascript 在画布中查找弧中心

javascript canvas

Javascript 在画布中查找弧中心,javascript,canvas,automatic-ref-counting,center,Javascript,Canvas,Automatic Ref Counting,Center,如何使用JavaScript在画布中找到弧的中心我需要找到圆弧的位置及其中心。如果您的代码使用上下文绘制圆弧。圆弧（centerX、centerY、radius、startAngle、endAngle）圆弧由其中心点、半径、起始角和终止角定义，因此您已经有了中心点：[centerX，centerY] 如果您没有绘制圆弧，但只有一个包含不同颜色圆弧的图像使用context.getImageData获取画布上的所有像素颜色根据所需圆弧的颜色查找3个像素的坐标。这些点不能是共线的，最好彼此

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

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

如果您的代码使用
上下文绘制圆弧。圆弧（centerX、centerY、radius、startAngle、endAngle）

圆弧由其中心点、半径、起始角和终止角定义，因此您已经有了中心点：
[centerX，centerY]
如果您没有绘制圆弧，但只有一个包含不同颜色圆弧的图像

使用
context.getImageData
获取画布上的所有像素颜色
根据所需圆弧的颜色查找3个像素的坐标。这些点不能是共线的，最好彼此合理地分开
使用这3个坐标&这个Stackoverflow中的算法来找到中心点

如果您的代码使用上下文.arc（centerX、centerY、radius、startAngle、endAngle）绘制圆弧
圆弧由其中心点、半径、起始角和终止角定义，因此您已经有了中心点：
[centerX，centerY]
如果您没有绘制圆弧，但只有一个包含不同颜色圆弧的图像

使用
context.getImageData
获取画布上的所有像素颜色
根据所需圆弧的颜色查找3个像素的坐标。这些点不能是共线的，最好彼此合理地分开
使用这3个坐标&这个Stackoverflow中的算法来找到中心点

你是什么意思？这些是在画布上绘制的，还是正在导入画布的随机图像？你说的弧是指圆的中心吗？如果这只是放在画布上的某个图像，而您想从该图像中找到这些圆的中心，那就不容易了。@spencer wieczorek我想从该图像中提取不完整圆的中心。这是一个
，每次图像都不一样，所以我需要找到构成不完整圆的几个圆弧，并找到它的中心。我设法把图像放到画布上，但从那里我不知道该做什么..你是什么意思？这些是在画布上绘制的，还是正在导入画布的随机图像？你说的弧是指圆的中心吗？如果这只是放在画布上的某个图像，而您想从该图像中找到这些圆的中心，那就不容易了。@spencer wieczorek我想从该图像中提取不完整圆的中心。这是一个
，每次图像都不一样，所以我需要找到构成不完整圆的几个圆弧，并找到它的中心。我设法将图像放入画布，但从那里我不知道该做什么..如何找到这些坐标？“如何找到这些坐标？”了解
。getImageData
！它根据像素位置返回构成图像上每个像素的红色、绿色和蓝色。这显示了如何获取图像的RGBA像素数据并查找具有特定RGB颜色的像素。如果您不知道所需的RGB，则必须让用户单击所需颜色并获取所单击像素的RGB——再次使用
.getImageData（mouseX，mouseY，1，1）
。我如何找到这些坐标？“如何找到这些坐标？”了解
.getImageData
！它根据像素位置返回构成图像上每个像素的红色、绿色和蓝色。这显示了如何获取图像的RGBA像素数据并查找具有特定RGB颜色的像素。如果您不知道所需的RGB，则必须让用户单击所需颜色并获取所单击像素的RGB——再次使用
.getImageData（mouseX，mouseY，1，1）
。