是否可以在画布HTML5中设置背景图像，并可以执行一些绘制功能，如撤消，擦除，清除，保存背景图像？

Question

我想了解canvas HTML5。 在我的基础画布元素中，我想要设置背景图像，并且我想要执行一些功能，如在绘画中擦除，撤消，清除并保存受影响的图像（应用所有效果撤消后，清除）... 任何建议或示例..

Answer 1

您可以使用drawImage（）将背景绘制到画布上。所有进一步的操作都在图像上绘制。

当你完成工作后，你可以将Canvasstate导出到图像。

但是你必须为所有任务保留历史记录，因为画布将被直接修改。

可能是保存和恢复方法很有帮助。

重要的是，首先将图像绘制到画布上，这样所有其他效果都会影响图像。

Answer 2

最简单和最佳的性能实践是将该背景作为画布后面的div。

Answer 3

history API可用于撤消和重做。

Canvas对象的toDataURL方法可用于保存图像。