Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.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 在弹出窗口中显示组合画布图像_Javascript_Html_Canvas - Fatal编程技术网

Javascript 在弹出窗口中显示组合画布图像

Javascript 在弹出窗口中显示组合画布图像,javascript,html,canvas,Javascript,Html,Canvas,我正在使用上一个Stackoverflow页面上的结果来组合html画布上的各个层: 由此产生的JSFIDLE似乎就是我想要的。 但是现在我希望在一个弹出窗口中显示最终合成的图像(大小与图像的尺寸相当),当用户点击按钮时会出现这个窗口,但我不确定怎么做 我曾考虑过使用window.open()命令,但这似乎只是打开一个预先创建的网页 PS我正在寻找一个javascript解决方案,而不是jQuery,谢谢。您可以将img src传递到新窗口 window.open(img.src,"image

我正在使用上一个Stackoverflow页面上的结果来组合html画布上的各个层:

由此产生的JSFIDLE似乎就是我想要的。 但是现在我希望在一个弹出窗口中显示最终合成的图像(大小与图像的尺寸相当),当用户点击按钮时会出现这个窗口,但我不确定怎么做

我曾考虑过使用
window.open()
命令,但这似乎只是打开一个预先创建的网页


PS我正在寻找一个javascript解决方案,而不是jQuery,谢谢。

您可以将img src传递到新窗口

window.open(img.src,"image window",`width=${img.width},height=${img.height}`);
小提琴: