是否可以在画布HTML5中设置背景图像，并可以执行一些绘制功能，如撤消，擦除，清除，保存背景图像？ [英] Is it possible to set background image in canvas HTML5 and can do some paint functionality like Undo,Erase,Clear,Save that background image?

问题描述

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

I want to know about canvas HTML5. In my base canvas element i want to set background image,and on that i want to perform some functionality like in paint Erase,Undo,Clear and save that effected image(after applying all the effect undo,clear).. Any suggestion or example..

推荐答案

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

You can draw the Background to the canvas, by using drawImage(). All further Manipulations are painted ontop the Image.

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

When you hav finished your work you can Export your Canvasstate to an Image.

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

But you have to Hold a History for all task, because the canvas will be directly modified.

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

May be the Save and restore Method are helpful.

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

It is important, that you draw your image to the canvas first, so all other effects will affect the image.

这篇关于是否可以在画布HTML5中设置背景图像，并可以执行一些绘制功能，如撤消，擦除，清除，保存背景图像？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！