Angulr 6 dom-to-image引发未捕获的错误（无法将html转换为图像）

Question

我想将html部分转换为图像（注意 html部分包含服务器中的许多其他图像） 我正在使用angular 6和node.js和库将html转换为图像是  dom-to-img

  

它在本地主机上工作，但是当我将其测试到生产级别时，会给我错误   

这是我要转换为图像的HTML区域，在该图像中，签名和来自服务器端的蓝色为URL

我使用了 @ViewChild（'checkContainer'）容器；获取dom（HTML部分）参考 然后我正在调用一个给我一个图像类型文件的函数，然后传递给将这个图像保存在数据库中的服务器。 所有人都在Localhost中工作，但不在生产环境中

  

这是我尝试过的代码。

async convertToImage(fileName) {
try {
  const blob = await domtoimage.toBlob(this.container.nativeElement);
   this.checkImageFile = new File([blob], fileName + '.png', {
     type: 'image/png'
   }); // image File
} catch (error) {
  console.log('ops error', error);
}

}

及以上函数将从该函数调用 checkImageFile 是在文件中声明的属性名称。

async addCheck() {
const fileName = this.checkModel.checkNumber;
await this.convertToImage(fileName);
if (this.checkImageFile) {
  console.log(this.checkImageFile);
} else {
  console.log('dom to image is not working properly');
}

}

我的代码中缺少什么？你能帮我么？ 谢谢你们 编码愉快：）

Answer 1

此软件包存在兼容性问题，您可以使用以下软件包代替dom-to-image-more