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

时间:2017-09-24 00:05:40

标签: javascript html5 canvas

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

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

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

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

1 个答案:

答案 0 :(得分:2)

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

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

小提琴:http://jsfiddle.net/fhjwY/84/