javascript – 查找落在填充画布弧内的x / y坐标

这是fiddle

我在圆圈外面绘制的弧线 – 我想知道如何找到它们所覆盖的所有x / y坐标,这样我就不必每次使用isPointInPath()重新绘制它们确定鼠标光标是否在它们之上.我正在考虑将所有x / y坐标写入一个我可以检查鼠标位置x / y坐标的数组,如果我找到匹配,那么我改变了光标.问题是,我不知道导出所有x / y值的代码.

解决方法:

你实际上不需要重绘你的弧来使用.isPointInPath() – 只是省略对.fill()或.stroke()的任何调用,你将有一个路径,你可以用它来测试它是否包含一个点.

我建议有一个函数概述弧形路径(.beginPath(),路径命令,.closePath()),然后调用它的两个函数 – 一个调用弧路径函数,然后设置填充样式并填充绘制它的路径,另一个调用弧路径功能,然后测试一个点是否在路径中.

标签：javascript,canvas,html5-canvas,trigonometry
来源： https://codeday.me/bug/20190826/1733460.html