是否可以在畫布HTML5中設置背景圖像，並可以執行一些繪畫功能，如撤消，清除，清除，保存該背景圖像？

我想了解關於canvas的HTML5。在我的基本畫布元素，我想設置背景圖像，並在那我想執行一些功能，如油漆擦除，撤消，清除並保存該影響的圖像（應用所有效果撤消，清除後）.. 任何建議或示例..是否可以在畫布HTML5中設置背景圖像，並可以執行一些繪畫功能，如撤消，清除，清除，保存該背景圖像？

來源

2011-12-03 Nikunj Kabariya

複製的[保存/恢復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

最簡單，最好的性能比較的做法是把那個背景畫布後面一個div。

來源

2011-12-03 11:11:09

但是，你怎麼能以實際的方式告訴我......？ –

可以使用drawImage（）將背景繪製到畫布。所有進一步的操作都塗在圖像上。

當您完成工作後，您可以將Canvasstate導出到圖像。

但是你必須爲所有任務保留一個歷史記錄，因爲畫布將被直接修改。

可能是保存和恢復方法很有幫助。

這一點很重要，你先畫圖像到畫布上，因此所有其他將會影響形象。

來源

2011-12-03 11:13:45

完成撤消後，清除，繪製（用鉛筆n色），當我保存該圖像時，我沒有得到那個影響的圖像，我得到了保存的圖像默認白色背景和一些由我繪製在畫布上。但是實際上假設我在畫布上設置'backgroundImage'：'url（./ tmp/Koala.jpg）'..我希望這個保存的圖像具有我所做的所有效果（撤消，繪製，清除）.. –

的history API可用於撤消和恢復。

Canvas對象的toDataURL方法可用於保存圖像。

來源

2011-12-03 13:59:19 AshleysBrain

是否可以在畫布HTML5中設置背景圖像，並可以執行一些繪畫功能，如撤消，清除，清除，保存該背景圖像？

回答

相關問題