如何在另一个窗口中打开画布，然后在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 + '" />');

感谢您的帮助！