Html2canvas: 뷰포트 너머로 확장되는 저장 요소

내부 스크롤이 있는 컨테이너, div, 모달 등에 포함된 요소라면?

캡처하려는 직접 컨테이너에는 스크롤이 없지만 상위 컨테이너에는 스크롤이 있습니다. 직접 컨테이너에 스크롤을 넣고 작동하는지 확인하겠습니다.

좋지 않다. 캡처하는 컨테이너가 스크롤하여 전체 돔을 표시하도록 조정했지만 여전히 화면 표시 섹션에서 잘립니다.

다른 생각은??

캡처가 수행되는 동안 요소의 내용을 복제하고 본문에 추가한 다음 제거할 수 있습니다. 같은 것

var clone = document.getElementById('my_element').cloneNode(true);
//... style the clone so it doesn't have scroll...

return html2canvas(clone, {
        useCORS: true,
        allowTaint: false,
        logging: false
    }).then(function (canvas) {
        document.body.removeChild(clone);
        return canvas;
    });