如何在打印之前等待 HTML 文档加载/呈现（纯 JavaScript）

我正在使用此代码在新的 html 页面上打开和打印图像：

printView(dataUri:string){

  var win = window.open();
  win.document.write( '<img src="' + dataUri + '">');

  win.print();
  win.close();

}

当这样使用并且图像大于几 kB 时，打印预览会打开一个空白页面，因为在调用打印时不会呈现文档。

我通过setTimeout在打印前引入约 200 毫秒的延迟解决了这个问题（暂时），如下所示：

setTimeout( () => {
     win.print();
     win.close();
}, 200);

这有效，但我知道我应该使用一些 DOM/window 事件来等待内容加载。但哪一个？

到目前为止我尝试过的：

win.document.onload = ()=>{
    console.log('event fired'); // never fired
    win.print();
    win.close();
}

和

win.addEventListener('load', ()=>{
    console.log('event fired'); // never fired
    win.print();
    win.close();
}

我想保留这个 Vanilla JS，所以请不要让我参考 jQuery window.ready。