如何附加事件侦听器以将鼠标悬停并单击到 HTML 画布上的对象。我已经在画布上使用"graphics2d"创建了一个对象,但没有看到如何执行最后一步。提前感谢!
没有简单的方法可以将事件处理程序添加到画布上绘制的项,因为它只是一个绘图 - 无法进行交互。
但是,可以在画布本身上捕获鼠标事件,然后通过引用 javascript 中画布上绘制的所有对象,遍历每个对象并获取坐标并检查鼠标事件是否发生在该对象上,此时您可以调用自己的函数来指定当特定对象收到鼠标事件时要执行的操作。
有很多代码以这种方式工作,我几年前做的一个例子是:http://www.diagramo.com
jp_doodle
支持画布对象的事件。
请参阅"第 3 部分:事件和突变"下的 Javascript 快速参考
https://aaronwatters.github.io/jp_doodle/quick_references/Dual%20canvas%20Javascript%20quick%20reference.html