IE 使用 html2canvas 返回空/空白畫布

Question

我正在使用 html2canvas 從我的網站使用以下代碼創建畫布。 我使用 jsPdf 作為 PDF 上傳到我的服務器的畫布。 這適用於除 Internet Explorer 之外的所有瀏覽器（我在 IE 11 中嘗試過）。 畫布已創建，但完全空白。 我已經包含了一個 Promise 插件。

我是否需要為 IE 添加一些額外的東西才能工作或使用不同的代碼？

html2canvas(document.body, {
    background: '#FFFFFF',
    logging: true,
    onrendered: function(canvas) {      
        var pdf = new jsPDF('l', 'px', [screenWidth, screenHeight]);
        var marginLeft = 0;
        var marginRight = 0;            
        pdf.addImage(canvas.toDataURL("image/jpg"), "jpg", marginLeft, marginRight, screenWidth, screenHeight, null, 'FAST');   
        var finalPDF = btoa(pdf.output());
        var data = new FormData();
        data.append("data", finalPDF);
        var xhr = new XMLHttpRequest();
        xhr.open("post", "uploadPDF.php", true);
        xhr.send(data);
    }
});

編輯

我固定了空白畫布。 問題在於帶有position:absolute;元素position:absolute; . 我將它們切換到position:relative; 就在創建canvas之前，將它們切換回onrendered:回調。

Answer 1

登錄后： true 再設置一個屬性 useCORS: true 應該可以解決問題