使用jQuery的html5 click事件

Question

我正在尝试使用jquery和html5将click事件添加到形状中...但是整个画布可以单击，而不仅仅是形状。 需要一些帮助。 这是项目

http://soumghosh.com/otherProjects/click.html

Answer 1

您将必须编写一些自定义代码来处理画布内的鼠标事件。 看一下本教程的“鼠标事件”部分，该部分将处理您所寻找的类似解决方案。

希望这可以帮助！

Answer 2

请遵循以下步骤：

1. 在具有透明背景的离屏层（另一个画布）中绘制形状（用rgba（0,0,0,0）填充）。
2. 从canvas.onclick事件中读取画布单击X，Y位置。
3. 检查屏幕外层的x，y坐标：
   • 如果layer（x，y）= rgba（0,0,0,0），则单击位于形状之外。
   • 否则单击形状。