javascript - 如何检测是否单击了形状（HTML5 画布）？

Question

我正在使用此博客lineTo中的画布和方法绘制不同的形状，如矩形、三角形、六边形等。我只想要一种简单的方法来查找我是否在形状内单击。我可以通过用某种颜色填充形状并检查我单击的点是否具有这种颜色来做到这一点，但我不想使用填充颜色方法。还有其他方法吗？

还找到了isPointInPath但它没有用。

Answer 1

您可以尝试一些画布框架，例如http://kineticjs.com/（检查事件部分），它支持开箱即用的可点击元素，或者您需要编写两个函数，一个可以为您提供相对的鼠标点击坐标画布元素（我使用了这里描述的元素：https ://stackoverflow.com/a/5932203/532102 ），然后编写另一个函数来检查返回的鼠标坐标是否与画布上的形状相交。

Answer 2

在这里签到：

Javascript 检查鼠标在圆或多边形内单击

meouw answer肯定有效，我已经对其进行了测试并保证它有效。似乎还有其他一些解决方案也被赞成，也许你可以尝试它们，要么