Q

HTML5畫布對象事件

html5
canvas

2010-05-04 82 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

相關問題