javascript - 无法使用 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

您需要确保您的图片来自 html2canvas documentation 的“限制”部分提到的 sameorigin

为避免这种情况，您需要 configure a proxy绕过内容政策限制。