通过 ID html2canvas 获取元素时为空白 canvas

Question

是否可以使用 getElementByID 仅将特定元素打印到 canvas？

使用最新版本，仅适用于 document.body

$("#myButton").click(function () {
    html2canvas(document.getElementById('myTable'), {
        allowTaint: true,
        imageTimeout: 15000,
        logging: true,
        useCORS: true
    }).then(function (canvas) {
        document.body.appendChild(canvas);
        const b64 = canvas.toDataURL("image/png").replace(/.*,/, '');
        console.log("data:image/png;base64, " + b64)
    });
});

Answer 1

已通过添加以下选项修复

scrollX: -window.scrollX,
scrollY: -window.scrollY

通过 ID html2canvas 获取元素时为空白 canvas

Blank canvas when getting element by ID html2canvas

html2canvas