javascript - Canvas 内元素中的事件

标签 javascript image events html canvas

我在 canvas 标签内绘制了一个图像。我如何向其中添加事件?我想在用户点击该图像时执行某些操作。

character.addEventListener('click', function() { alert('foo'); }, true);
/* character is a var (image object) within a canvas */

谢谢。

最佳答案

无法将事件处理程序添加到 Canvas 上的实际绘图中。您可以处理整个 Canvas 的事件 - 仅此而已。

此时你的选择是在 Canvas 上添加一个抽象,并根据 Canvas 点击事件的坐标查找你在那里的绘图 - 或者完全放弃 Canvas 并寻找例如svg。 Raphaël 库 (http://raphaeljs.com/) 可以帮助您完成后者。

关于javascript - Canvas 内元素中的事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4334896/

相关文章:

javascript - 动态添加图像链接

forms - Backbone.js 和表单输入模糊

angular - 在 Angular 分量之间传递参数不起作用

javascript - jQuery UI Droppable - 如何允许每个拖放区只有 1 个元素,而不是堆叠

javascript - 在动态创建的 React 组件上设置自定义 Prop

image - 是否有任何工具可以对图像执行相当于 "git diff"的操作(看看发生了什么变化?)

HTML/CSS : Make a div "invisible" to clicks?

javascript - 需要 JavaScript 函数的帮助来取消选择 jQuery DropdownChecklist 中的项目

javascript - 在 D3 中选择 DOM 元素而不是它们的子元素

java - 在 Java jUnit 中比较 2 个图像的最佳方法?