Html2canvas: ID로 요소를 가져올 때 빈 캔버스

요소가 위 또는 아래로 스크롤되었을 수 있습니다. 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)
        });
    });

완벽합니다. 덕분에 문제가 해결되었습니다.

스크린샷을 찍을 때 스크롤을 자주 내리는 것에 따라 이 두 가지 속성을 메인 예제에 적어주세요. 위의 의견을 참조하십시오. https://github.com/niklasvh/html2canvas/issues/2368#issuecomment -701920277

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