在html画布中向对象添加事件侦听器

时间:2013-09-24 05:58:36

标签: canvas event-handling graphics2d

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

2 个答案:

答案 0 :(得分:0)

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

但是,可以在画布上捕获鼠标事件,然后通过在javascript中保持对画布上绘制的所有对象的引用,循环遍历每个事件并获取坐标并检查鼠标事件是否发生在对象,此时您可以调用自己的函数来指定当特定对象接收鼠标事件时要执行的操作。

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

答案 1 :(得分:0)

user_id = db.Column(db.Integer, db.ForeignKey("user.id"), nullable=False) 支持画布对象的事件。

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

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

相关问题