2
我需要使用鼠標光標在正方形或圓圈上繪製HTML5畫布頂部的形狀;並且它應該可以調整大小，然後，當用戶完成繪圖時，畫布內形狀的座標應該是可檢索的。如何在HTML5畫布上交互繪製形狀？
如何使用JavaScript實現此目標的任何想法？
感謝
A
回答
0
帆布絕對一無所知您繪製對象的性質。這意味着在調用之後，比如說，arc方法，你所得到的僅僅是屏幕上的一串像素。
這裏有兩種方法 - 你可以在畫布上寫你自己的對象模型包裝。每次你將繪製一些東西，你應該存儲對象信息 - 形狀，座標和其他任何需要的東西。這是相當體面的做法，但要注意 - 人們可以想到的並不是那麼微不足道。
第二種方法是使用SVG代替畫布，並從框中取得對象模型。
0
javascript庫Paper.js可能會對您感興趣。解釋網站介紹 - 「這提供了一個使用HTML 5 Canvas的矢量圖形框架」
相關問題
- 1. html5 - 如何檢查在畫布上繪製的形狀？
- 2. 在畫布上繪製交互圓圈
- 3. 如何在HTML5畫布中繪製雲形狀？
- 4. 在畫布上繪製漸變形狀
- 5. 在畫布上繪製透明形狀
- 6. 如何在html5畫布上繪製圓形扇形？
- 7. 在HTML5畫布上繪製形狀...與視頻
- 8. 調整在cnvas上繪製形狀的html5畫布的大小
- 9. 如何在運行時在HTML5畫布上繪製正方形？
- 10. 已移動html5畫布上已繪製的形狀
- 11. 在Android畫布上繪製路徑或形狀的交集
- 12. 如何解決在HTML5畫布上繪製的形狀並更改其屬性？
- 13. 繪製矩形形狀阻力和圖像的降HTML5畫布
- 14. 在控制檯上繪製HTML5畫布
- 15. 如何在HTML5畫布上繪畫時檢查鍵盤狀態？
- 16. 在畫布中繪製自定義形狀html5
- 17. 繪製在HTML5畫布中的任意形狀
- 18. 如何調整在畫布上繪製的形狀的大小
- 19. HTML5畫布繪製
- 20. 如何測試JavaScript交互，如使用鼠標在html5畫布上繪圖
- 21. HTML5畫布繪製地形設置
- 22. 如何在html5畫布標記中創建相交形狀
- 23. 如何在畫布上繪製畫布
- 24. HTML5 - 超時後在畫布上繪製
- 25. 在HTML5畫布上繪製虛線？
- 26. 在HTML5的畫布上繪製圖像
- 27. 在HTML5畫布上繪製圖像
- 28. 在HTML5畫布上繪製視頻
- 29. 在html5畫布上繪製圖像
- 30. 如何選擇HTML5畫布形狀？