jquery - 使用jquery的html5点击事件

Question

我正在尝试使用 jquery 和 html5 向形状添加点击事件......但整个画布不仅仅是可点击的形状。需要一些帮助。这是项目

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) 那么点击在形状之外。
   • 其他形状被点击。