是否可以在画布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中设置背景图像，并可以执行一些绘画功能，如撤消，清除，清除，保存该背景图像？

回答

相关问题