我正在閱讀html5畫布,並瞭解它有助於創建繪畫,但除非我可以將事件和動畫放在繪製的對象上,否則我無法找到它的用處。什麼是將動畫和事件放置在html5畫布的圖紙上的一些技巧。比方說,我們畫一個矩形框,點擊框後它開始向一個方向移動?將事件放置在HTML5畫布的圖形上的方法有哪些?
0
A
回答
1
我發現本教程在向我介紹canvas和canvas事件時非常有幫助。 http://simonsarris.com/blog/510-making-html5-canvas-useful
+0
謝謝你的精彩,很好的例子。但是,實施小事似乎對此有挑戰性,是否有寫在它上面的圖書館來照顧它。 –
+0
您可以嘗試http://www.kineticjs.com/我還沒有嘗試過自己,但我已經看到了推薦的幾十倍。 – WonderfulDay
-1
對此有讀: http://www.html5canvastutorials.com/advanced/html5-canvas-advanced-tutorials-introduction/
有一個漂亮的動畫節,幫了我很好。
相關問題
- 1. 使用觸摸事件在HTML5畫布上繪製正方形
- 2. HTML5:在帶有控件的視頻上放置畫布
- 3. 在預設位置的html5畫布上縮放照片圖像
- 4. HTML5畫布地形設置繪圖
- 5. 不錯的拖放在畫布上HTML5
- 6. 如何計算HTML5畫布上拖放事件的長度? (KineticJS)
- 7. 無法在畫面上放置畫布
- 8. 在HTML5畫布上旋轉其軸上的方形?
- 9. 我們如何將圖像放在畫布上的矩形中
- 10. HTML5畫布點擊事件
- 11. HTML5畫布對象事件
- 12. 如何順利動畫HTML5的縮放畫布fillText方法()
- 13. HTML5上的矩形畫布被拉伸
- 14. 如何緩衝HTML5畫布的圖形
- 15. 在畫布上放置畫布
- 16. HTML5畫布放大我的圖紙
- 17. 在HTML5的畫布上繪製圖像
- 18. 在HTML5畫布中縮放圖像
- 19. 拖放HTML5中的畫布
- 20. 圖片位置HTML5畫布
- 21. 將DrawingGroup放置在畫布上?
- 22. 釋放HTML5畫布
- 23. HTML5畫布isPointInPath()方法
- 24. 在HTML5問題的畫布上的事件監聽器
- 25. HTML5畫布沒有方法「toDataURL」
- 26. Fabric.js將文字分層放置在畫布上的圖像
- 27. 在我畫在畫布上的圖上指定事件
- 28. HTML5將圖像從工具欄拖放到畫布上
- 29. 如何將畫布放在圖像上?
- 30. 將畫布放置在重疊畫布下方
考慮畫布「呈現」的東西,你必須每一次你的數據(盒,形狀等)的變化手動更新。這是一種常見的模型 - 視圖(控制器)模式。 – Lyth
@lyth很好的比較。 –