Javascript Canvas datatoURL不保存画布内容

我正在尝试使用Html5画布中的toDataURL将图像导出到新窗口中的PNG文件

这是我的JS代码（我想你们需要全部查看以检查是否有错误）

当我点击我的按钮（id=“thebutton”）…它确实打开了一个包含PNG文件的新窗口，但PNG是空白的…似乎由于未知原因它无法在画布中绘制图像

我尝试在

var dataUrl=oCanvas.toDataURL（）之前添加此代码行：

oCtx.fillStyle = "rgba(0, 0, 255, .5)";
oCtx.fillRect(25, 25, 125, 125);

为了测试我是否正在绘制一个形状，它将通过dataURL过程保存它。
当我测试它时，通过点击“thebutton”按钮，它打开了一个新窗口，瞧！我能够看到并保存带有浅蓝色矩形的画布图像…但没有背景图像，也没有文本…其他什么都没有。我真的不明白怎么了。谢谢大家!
 移动这条线

var dataUrl = oCanvas.toDataURL();

在button.onclick处理程序中

在创建数据URL时，window元素和任何img元素都没有触发其加载事件，因此没有绘制任何内容。
谢谢。听起来很有逻辑。下班后我会测试一下。谢谢你的时间
var dataUrl = oCanvas.toDataURL();