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

Question

我正在使用像本博客中的canvas和lineTo方法绘制不同的形状，如矩形，三角形，六边形等。 我想要一个简单的方法来查找我是否单击了一个形状。 我可以通过用一些颜色填充形状来检查我点击的点是否有这种颜色，但我不想使用填充颜色方法。 还有其他办法吗？

还找到了isPointInPath，但它没有用。

Answer 1

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

Answer 2

在这里办理入住：

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

meouw回答确实有用 ，我测试它并保证它有效。 看起来还有一些其他的解决方案也被投票，也许你也可以尝试一下