1

如何为鼠标悬停附加事件侦听器并单击 HTML 画布上的对象。我在画布上使用“graphics2d”创建了一个对象,但看不到如何执行最后一步。提前致谢!

4

2 回答 2

0

没有简单的方法可以将事件处理程序添加到画布上绘制的项目,因为它只是一个绘图 - 不可能进行交互。

但是,可以在画布本身上捕获鼠标事件,然后通过保持对在 javascript 中绘制在画布上的所有对象的引用,循环遍历每个对象并获取坐标并检查鼠标事件是否发生在该对象上,在哪一点你可以调用你自己的函数来指定当特定对象接收到鼠标事件时要做什么。

有很多代码以这种方式工作,我几年前工作的一个例子是:http ://www.diagramo.com

于 2013-09-24T06:02:24.193 回答
0

jp_doodle支持画布对象的事件。

请参阅“第 3 部分:事件和突变”下的 Javascript 快速参考

https://aaronwatters.github.io/jp_doodle/quick_references/Dual%20canvas%20Javascript%20quick%20reference.html

于 2019-11-26T18:37:26.253 回答