无法使用 web javascript 中的 html2canvas 将来自 firebase 存储的图像打印到 pdf 文件中

Question

我正在使用 html2canvas 将网页打印为 PDF 文件。 该网页的设计类似于个人资料页面，其中包含来自 FireStore 的数据和来自 Firebase 存储的图像。 当我单击网页中的导出选项时，pdf 文件仅与数据一起下载。 个人资料图像未打印在该 pdf 文件中。 图像在输入类型属性中，因为我必须更改基于用户兴趣的图像。

有谁能帮帮我...

这是我为下载pdf文件而写的。

$('#button_id').click(function () { 

      html2canvas(document.querySelector("#div_id")).then(canvas => {
        var imgData = canvas.toDataURL('image/png');        
        var doc = new jsPDF('p', 'mm');
        var width = doc.internal.pageSize.width;    
        var height = doc.internal.pageSize.height;
        doc.addImage(imgData, 'PNG', 1, 1, width, 200);
        doc.save('Profile.pdf');
      });

});

Answer 1

你需要确保你的形象是作为“限制”一节中提到的SAMEORIGIN html2canvas文档

为避免这种情况，您需要配置代理以绕过内容策略限制。