Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.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
Html 使用画布在图像(jpg或png)上绘制,并将图形与图像一起保存_Html_Canvas - Fatal编程技术网

Html 使用画布在图像(jpg或png)上绘制,并将图形与图像一起保存

Html 使用画布在图像(jpg或png)上绘制,并将图形与图像一起保存,html,canvas,Html,Canvas,我试着用画布在图像上画画。是的,当然有。但我需要立即将画布绘图与图像合并 i、 我的概念是,我有一个图像(#a),我喜欢在图像上标记一些地方(圆形、矩形等),所以我选择了画布技术。(如果有其他技术可用,请建议我。) 因此,在画布绘制之后,我想将画布图像与我的实际图像(#a)合并。然后,我将得到标记的图像 我以前做过什么 我将背景设置为画布标记的实际图像(#a)。(即带有一些背景图像的画布标记)。我已经画好了。然后,我将画布图像转换为dataURI,然后使用Linux命令(imageMagic)将

我试着用画布在图像上画画。是的,当然有。但我需要立即将画布绘图与图像合并

i、 我的概念是,我有一个图像(#a),我喜欢在图像上标记一些地方(圆形、矩形等),所以我选择了画布技术。(如果有其他技术可用,请建议我。)

因此,在画布绘制之后,我想将画布图像与我的实际图像(#a)合并。然后,我将得到标记的图像

我以前做过什么

我将背景设置为画布标记的实际图像(#a)。(即带有一些背景图像的画布标记)。我已经画好了。然后,我将画布图像转换为dataURI,然后使用Linux命令(imageMagic)将实际图像(#a)与画布绘图合并

你能告诉我其他的方法吗?直接在图像上画图,然后立即用图像保存


提前感谢。

不要设置画布的背景

相反,您希望使用画布上下文的
drawImage()
函数将图像直接绘制到画布上。然后执行所有绘图操作

然后可以正确保存图像。我还建议你进去找一找


不要设置画布的背景

相反,您希望使用画布上下文的
drawImage()
函数将图像直接绘制到画布上。然后执行所有绘图操作

然后可以正确保存图像。我还建议你进去找一找