無法使用 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文檔

為避免這種情況，您需要配置代理以繞過內容策略限制。