Angular6 angular 6将html转换为图像

我想把我的HTML元素转换成png。因此，我使用

html-to-image

包来实现这一点。我在转换时得到一张空白图像。这是我的密码

<div #myDiv id="content" [innerHTML]="tempInnerHtml"></div>
<img [src]="snapshot">

this.tempInnerHtml = this.sanitizer.bypassSecurityTrustHtml(this.tempValue);
    var node = document.getElementById('content');
    htmlToImage.toPng(node)
      .then((dataUrl) => {
        console.log(dataUrl);
        this.snapshot = dataUrl;
  }).catch((error) => {
    console.error('oops, something went wrong!', error);
  });

this.tempInnerHtml=this.sanitizer.bypassSecurityTrustHtml（this.tempValue）；
var node=document.getElementById（'content'）；
htmlToImage.toPng（节点）
。然后（（数据URL）=>{
log（dataUrl）；
this.snapshot=dataUrl；
}).catch（（错误）=>{
console.error（'oops，出了点问题！'，error）；
});

我的内部HTML加载没有任何问题，但输出图像始终是空白图像。谁能帮我解决这个问题？多谢各位