javascript - 如何在另一个窗口中打开画布，然后在 javascript 中在其上绘制一些东西

Question

我想单击一个按钮以打开另一个带有画布的窗口，然后我可以在其上绘制一些图像。我怎样才能做到这一点？以下代码给出了 [object HTMLCanvasElement]，但没有显示任何内容。它应该已经是一个图像绘图了。

 var currentcanvas = document.getElementById(theCanvas);
 var popup = window.open("");
 popup.document.write(currentcanvas);

以下代码显示了正确的图像，但我无法使用 Canvas2Image 将画布转换为图像然后显示在新窗口中，因为我需要在其上绘制一些东西。

 var renderedImg = Canvas2Image.saveAsJPEG(theCanvas, true, width, height, "");
 var dataURL = renderedImg.src;
 var popup = window.open("");
 popup.document.write('<img src="' + dataURL + '" />');

谢谢您的帮助！