Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否可以在画布HTML5中设置背景图像,并可以执行一些绘制功能,如撤消、擦除、清除和保存背景图像?_Javascript_Jquery_Canvas_Html5 Canvas - Fatal编程技术网

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

Javascript 是否可以在画布HTML5中设置背景图像,并可以执行一些绘制功能,如撤消、擦除、清除和保存背景图像?,javascript,jquery,canvas,html5-canvas,Javascript,Jquery,Canvas,Html5 Canvas,我想了解画布HTML5。 在我的基本画布元素中,我想设置背景图像,并在此基础上执行一些功能,如绘制擦除、撤消、清除和保存受影响的图像(应用所有效果撤消后,清除)。。 任何建议或示例。最简单和最好的性能练习是将背景作为div放在画布后面。您可以使用drawImage()将背景绘制到画布上。所有进一步的操作都绘制在图像上 完成工作后,可以将画布状态导出到图像 但是您必须保存所有任务的历史记录,因为画布将被直接修改 可能对保存和还原方法有帮助 重要的是,首先要将图像绘制到画布上,这样所有其他效果都会影

我想了解画布HTML5。 在我的基本画布元素中,我想设置背景图像,并在此基础上执行一些功能,如绘制擦除、撤消、清除和保存受影响的图像(应用所有效果撤消后,清除)。。
任何建议或示例。

最简单和最好的性能练习是将背景作为div放在画布后面。

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

完成工作后,可以将画布状态导出到图像

但是您必须保存所有任务的历史记录,因为画布将被直接修改

可能对保存和还原方法有帮助

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

可用于撤消和重做


画布对象的方法可用于保存图像。

在执行撤消、清除、绘制(使用铅笔n颜色)后,当我保存该图像时,我没有得到受影响的图像,我得到了保存的图像默认白色背景,还有一些是我在画布上绘制的。但实际上,假设我在画布中设置了“backgroundImage”:“url(./tmp/Koala.jpg)“…我希望这是保存的图像,具有我所做的所有效果(撤消、绘制、清除)…但您如何以实际的方式告诉我…?和/或的副本。