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

Question

我想了解畫布HTML5。 在我的基本畫布元素中，我想要設置背景圖像，並希望在其上執行一些功能，例如在繪畫中擦除，撤消，清除並保存所影響的圖像（在應用所有效果撤消，清除之后）。任何建議或示例..

Answer 1

您可以使用drawImage（）將背景繪制到畫布上。 所有進一步的操作均繪制在圖像上方。

完成工作后，可以將Canvasstate導出到圖像。

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

可能是“保存和還原方法”有用。

重要的是，首先將圖像繪制到畫布上，以便所有其他效果都將影響圖像。

Answer 2

最簡單，最佳的性能實踐是將背景作為div放在畫布后面。

Answer 3

歷史記錄API可用於撤消和重做。

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