使得HTML5畫布互動

可能重複：
How do I get the coordinates of a mouse click on a canvas element?使得HTML5畫布互動

我有一個關於HTML5的Canvas另一個問題。我一直在使用Javascript中的這個功能製作幾個很酷的項目，但我現在正在尋找使用鼠標使畫布更具交互性的方法。我只需要一個簡單的方法來設置一個變量爲鼠標的x值或y值。

謝謝！

2011-12-26 dualCore

http://stackoverflow.com/questions/55677/how-do-i-get-the-coordinates-of-a-mouse-click-on-a -canvas-element http://dev.opera.com/articles/view/html5-canvas-painting/ – Bakudan 2011-12-26 01:13:57

我寫這類的教程。這裏是最近的一個：A Gentle Introduction to Making HTML5 Canvas Interactive

具體來說，你會想看看事件監聽器和我有的getMouse函數。

來源

2011-12-26 04:01:18

鏈接 - 只有答案不被視爲真正的答案。一旦鏈接死亡，它們就變得毫無用處。 – FraZer 2013-07-01 09:04:03

HTML5畫布只是一個繪圖平面，沒有顯示列表。要添加，刪除，使用x，y和其他屬性放置對象，首先需要定義可以添加到容器的容器和對象的類。要麼你自己開發它，要麼你可以使用任何一個可用的庫。

http://easeljs.com/

http://www.kineticjs.com/

幾個月之前，我也開始開發用於相同目的的一個庫。我遇到了很多性能問題，所以等待空閒時間來優化我的代碼。你可以在這裏找到這個庫https://github.com/tracevipin/exsprite和這裏的一些演示http://www.exsprite.com/demos/

來源

2011-12-26 05:14:55 Diode

使得HTML5畫布互動

回答

相關問題