3
我想使用HTML5 Canvas，但是我想使用它的形狀，文本和曲線，能夠附加像onClick或拖放功能的傳統DOM事件。有沒有任何Javascript庫可以爲我做到這一點？我已經看到，gwt-canvas接近這種方法，但沒有詳細看過它。HTML5畫布+在JS庫中選擇/拖放功能？
感謝， 伊什特萬
A
回答
0
我不知道很多關於JS的領域，但我傾向於建議http://processingjs.org/但是，請注意，這幾乎是JavaScript實現一個Java庫。
我認爲這可能有助於澄清您是否需要將事件（onClick等）附加到特定的繪製對象（形狀，文本，曲線等...）或如果您只需要將事件附加到畫布區域本身。
順便說一句，gwt-canvas將與Google Web Toolkit結合使用，這意味着它根本不是一個JavaScript庫（AFAIK，如果我錯了，請指正我）。
+0
事件附件：只要編程模型允許我區分不同的形狀，我並不在乎它是否附加在畫布上。 gwt-canvas：我對GWT編程很滿意。 感謝processingjs.org的建議，我會深入研究一下。 – 2010-05-10 09:26:46
4
看一看的跨瀏覽器框架raphaël（JS/SVG/VML），this video顯示它做拖拉&滴/觸摸事件（試行實際演示here）
+0
我用Mac Safari檢查過它，它絕對看起來棒極了！你在IE7上有性能基準嗎？ （我關心的最糟糕的瀏覽器） – 2010-05-10 13:34:31
+0
我沒有任何基準測試結果，但爲什麼不嘗試一些演示並親自查看？ – 2010-05-11 16:23:45
+0
+1這個框架。我第一次遇到這個問題的時候，我推出了自己的...不完全是火箭科學，而不是蛋糕步道。這是一個巨大的節省時間。 – 2010-07-08 00:19:33
1
1
http://www.html5canvastutorials.com/advanced/html5-canvas-drag-and-drop-tutorial/這是kinetic.js和HTML5畫布一個真正好的教程
相關問題
- 1. 拖放HTML5中的畫布
- 2. Html5畫布拖放可拖放字段
- 3. HTML5畫布繪製拖放
- 4. 拖放到HTML5畫布
- 5. 如何使用fabric js在畫布上拖放功能？
- 6. 不錯的拖放在畫布上HTML5
- 7. 是否拖放HTML5功能？
- 8. HTML5在沒有JS庫的情況下在畫布上拖放路徑
- 9. stage.toJSON（）動能JS HTML5畫布
- 10. 在html5畫布上顯示視頻並拖放並拖放
- 11. html5 - 拖動畫布
- 12. HTML5從DIV拖放到畫布
- 13. HTML5畫布拖放多個文本
- 14. HTML5畫布拖放到位圖像
- 15. HTML5 - 拖放畫布（或divs）切換
- 16. HTML5：用於拖放在畫布上的框架/庫
- 17. HTML5拖放 - 將選擇文本拖放到可拖放元素
- 18. 畫布拖放
- 19. 在畫布上拖放 - 一些與功能相關的查詢
- 20. 「googlemaps」拖動html5畫布
- 21. 在HTML5畫布中拖放多個文本
- 22. 在HTML5畫布中拖放多個邊界內的圖像
- 23. 使用HTML5時禁用選擇拖放
- 24. 釋放HTML5畫布
- 25. 拖放到畫布中
- 26. 哪個畫布庫使縮放，平移，拖放成爲可能？
- 27. 在JFreeChart中拖放功能
- 28. HTML5帆布拖放項目
- 29. 如何在另一個畫布中包含拖放的畫布拖放？
- 30. 更改光標放在HTML5畫布在Chrome拖動
看看[fabric.js（http://kangax.github.com/fabric.js），它給你確切地說 - 形狀，文本對象，圖像等 - 全部以編程方式可訪問和可修改。 – kangax 2011-12-06 23:27:23