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

Question

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

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

Answer 1

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

Answer 2

在这里办理入住手续：

Javascript check Mouse clicked inside the Circle or Polygon

meouw 回答肯定​​我已经测试过并保证它有效。 似乎还有一些其他解决方案，也被赞成， 也许你可以尝试一下，