Html2canvas: 按 ID 获取元素时的空白画布

创建于 2020-09-28 · 3评论 · 资料来源: niklasvh/html2canvas

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

使用最新版本，它只适用于 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)
        });
    });

资料来源

Josh10101010

👀1 👍1

最有用的评论

也许您的元素向上或向下滚动。尝试添加 scrollX: -window.scrollX 和 scrollY: -window.scrollY

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

NurulAlomAdor 于 2020-10-01

👍2 🚀1 ❤1 🎉1

所有3条评论

也许您的元素向上或向下滚动。尝试添加 scrollX: -window.scrollX 和 scrollY: -window.scrollY

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

NurulAlomAdor 于 2020-10-01

👍2 🚀1 ❤1 🎉1

完美，问题解决了，谢谢。

Josh10101010 于 2020-10-01

❤1

请按照截图时经常滚动的方式将这两个属性写到主要示例中。请参阅上面的评论https://github.com/niklasvh/html2canvas/issues/2368#issuecomment -701920277

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

IgorKurkov 于 2020-12-04

此页面是否有帮助？

0 / 5 - 0 等级

Html2canvas: 按 ID 获取元素时的空白画布

最有用的评论

所有3条评论

相关问题