Q

HTML5画布对象事件

html5
canvas

2010-05-04 80 views 11 likes

11

有没有办法将事件处理程序附加到在HTML5画布上绘制的对象，而无需跟踪点？干杯， IHTML5画布对象事件

2010-05-04 ilijaluve

A

回答

11

尝试动力学JS

http://www.html5canvastutorials.com/advanced/html5-canvas-path-mouseover/

2011-09-29 16:00:04 Mik

+0

虽然Kinetic允许您（看似）将事件处理程序附加到画布元素，但它是为动画设计的，因此会不断重新绘制页面。如果你有一个复杂的（很多对象）画布，这些重画可能会让你的画布降低到无法使用的程度。 – mikemaccana 2011-10-07 19:31:01

+6

从版本3开始，KineticJS现在仅智能地绘制已移动的对象。另外，它比早期版本快得多。以下是使用10,000个形状的工具提示压力测试示例：http://www.html5canvastutorials.com/labs/html5-canvas-10000-shape-stress-test-with-kineticjs/ – 2012-01-03 20:18:17

2

看看Cake。这是一个用于画布元素的场景图插件。您应该可以将事件处理程序附加到画布对象。

2010-08-16 16:08:53 JoshNaro

4

您可能还会看看KineticJS - 它旨在使附加事件监听器到屏幕上的形状尽可能简单，同时坚持使用Canvas API模式。你可以看看这里的例子：

http://www.html5canvastutorials.com/advanced/html5-canvas-path-mouseover/

2011-09-20 06:36:56

2

我想答案是（但没有其他的海报使用的术语），没有一线支持在HTML5画布上绘制的图形基元上的事件。这并不是说这是不可能写一个倾听者，只是，如果你想这样做，你必须使用像动力学JS的API作为可以在

http://www.html5canvastutorials.com/advanced/html5-canvas-path-mouseover/

2013-01-15 08:47:16 Mishax

1

可以看出，我认为，KineticJS应该满足您的大部分需求。但请确保您将远离KineticJS事件的HTML5始发事件保留。我正面临着这些方面的一些问题。将会更新你，如果我找到一些东西。 Regards

2013-07-28 19:34:45

相关问题