javascript - 在弹出窗口中显示组合的 Canvas 图像

Question

我正在使用上一个 Stackoverflow 页面上的结果来组合 html Canvas 上的各个图层:drawing images on 3 layer canvas and saving

由此产生的 jsfiddle 似乎就是我所追求的。 但现在我希望做的是在弹出窗口中显示最终的合成图像(大小适合图像的尺寸)，当用户单击按钮时会出现该窗口，但我不确定如何执行此操作。

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

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

Answer 1

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

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

fiddle :http://jsfiddle.net/fhjwY/84/