我想了解關於canvas的HTML5。 在我的基本畫布元素,我想設置背景圖像,並在那我想執行一些功能,如油漆擦除,撤消,清除並保存該影響的圖像(應用所有效果撤消,清除後).. 任何建議或示例..是否可以在畫布HTML5中設置背景圖像,並可以執行一些繪畫功能,如撤消,清除,清除,保存該背景圖像?
5
A
回答
1
最簡單,最好的性能比較的做法是把那個背景畫布後面一個div。
+0
但是,你怎麼能以實際的方式告訴我......? –
4
可以使用drawImage()將背景繪製到畫布。所有進一步的操作都塗在圖像上。
當您完成工作後,您可以將Canvasstate導出到圖像。
但是你必須爲所有任務保留一個歷史記錄,因爲畫布將被直接修改。
可能是保存和恢復方法很有幫助。
這一點很重要,你先畫圖像到畫布上,因此所有其他將會影響形象。
+0
完成撤消後,清除,繪製(用鉛筆n色),當我保存該圖像時,我沒有得到那個影響的圖像,我得到了保存的圖像默認白色背景和一些由我繪製在畫布上。但是實際上假設我在畫布上設置'backgroundImage':'url(./ tmp/Koala.jpg)'..我希望這個保存的圖像具有我所做的所有效果(撤消,繪製,清除).. –
0
的history API可用於撤消和恢復。
Canvas對象的toDataURL方法可用於保存圖像。
相關問題
- 1. 從畫布清除油漆而不清除背景圖像 - Android
- 2. 在畫布上繪製背景圖像
- 3. 設置畫布的背景圖像
- 4. Qt繪畫沒有清除背景
- 5. 透明圖像背景HTML5畫布
- 6. HTML5畫布背景圖像重複
- 7. HTML5生成畫布背景圖像
- 8. 我可以將上傳的圖像設置爲畫布的背景圖像嗎?
- 9. 使用背景圖像在畫布上繪圖並保存圖像
- 10. Fabric.js:清除畫布的背景顏色
- 11. 從圖像中HTML5畫布刪除背景顏色
- 12. HTML5畫布背景圖片
- 13. 清除面板的背景圖像
- 14. 背景圖像清除焦點
- 15. HTML5畫布 - 如何在圖像背景上繪製線條?
- 16. 你可以設置背景圖像CSS的背景顏色嗎?
- 17. 是否可以使用javascript同時設置背景和背景圖像?
- 18. HTML5文字以上的圖像與背景畫布未示出
- 19. UISearchBar:清除背景顏色或設置背景圖片
- 20. 如何將HTML5畫布的背景圖像設置爲.png圖像
- 21. 是否可以將圖像添加到標題背景圖像下的背景?
- 22. iOS - 是否可以通過iPhone用戶設置背景圖像?
- 23. 如何在另一個背景圖像上保存fabricjs畫布圖像?
- 24. 如果設置了以上視圖背景,則背景圖像不可見
- 25. 如何在畫布html5中使用.png圖像作爲背景?
- 26. 如何在HTML5畫布中添加背景圖像數據
- 27. 背景動畫圖像
- 28. 動畫UIButton背景圖像
- 29. 背景圖像動畫
- 30. jQuery背景圖像動畫
複製的[保存/恢復HTML5畫布的背景區域(http://stackoverflow.com/questions/4858187/save-restore-background-area-of-html5-canvas)和/或[清除畫布的Rect但保持Backgrond](http://stackoverflow.com/questions/5596434/clear-canvas-rect-but-keep-background)。 – Phrogz