Html2canvas: 잡히지 않음(약속 중) 제공된 요소가 문서 내에 없습니다.

렌더링하려는 요소가 Document DOM 내에 있지 않습니다.

이 문제를 해결하는 방법은 무엇입니까?

0.5는 괜찮지만 1로 업그레이드하면 이 오류가 발생합니다.

jsfiddle에서 예제를 공유해 주세요.

HTML 본문 다음에 html2canvas js(버전 1) 및 내 앱 js를 로드하려고 시도했는데 이 문제가 해결되었습니다.

누구든지이 문제에 대한 수정 사항이 있습니까? ASP.Net MVC cshtml 페이지에서 사용하는 동안 동일한 문제가 있습니다.

jQuery를 사용하여 DIV 사용을 찾는 경우
html2canvas($("#요소")[0]).then(함수(캔버스) {
$("#요소 출력").append(캔버스);
});

그러나 html2canvas를 사용하여 Google 지도의 이미지를 찍을 수 없습니다(모든 지도 이미지가 오지 않음). cshtml에서 동일한 작업을 수행하는 방법을 누가 도와줄 수 있습니까 ???

@cjcortez @RaghavPrabhu 위의 smartbepl의 솔루션은 jQuery 또는 단일 Element 대신 요소 목록을 제공하는 다른 라이브러리를 사용하고 있다고 가정할 수 있도록 수정합니까?

이것은 나를 위해 작동합니다!
html2canvas($('#div').get(0)).then( 함수(캔버스) {
console.log(캔버스);
});

덕분에 효과가 있었다

@jeremielodi 감사합니다, 이것은 나를

위와 유사한 코드를 시도했지만 아마도 내가 받는 오류는 그다지 관련이 없을 것입니다: Uncaught (in promise) undefined... Promise denied (async)

똑같은 문제가 발생했습니다. 버튼 클릭 시 HTML2Canvas를 호출하고 싶었습니다. HTML2Canvas 호출을 어떻게 작성했는지에 관계없이 "Uncaught(in promise) undefined...Promise denied(async)" 오류가 발생합니다. 마지막으로, 나는 약속이 어떻게 작동하는지에 대해 조금 배웠고 해결책이 캐치를 추가하는 것을 발견했습니다.

function myFunction() {
    html2canvas(document.querySelector("#capture")).then(canvas => {          
            var base64encodedstring = canvas.toDataURL("image/jpeg", 1).replace("data:image/jpeg;base64,", "");
            j$("[id$='inputHidden']").val(base64encodedstring);
            console.log('Saving...');
            mySaveFunction();
        })
        .catch(function (error) {
            /* This is fired when the promise executes without the DOM */    
        });
}

경고의 말씀, 저는 완전한 자바 스크립트 초보자이며 약속이 어떻게 작동하는지 거의 이해하지 못합니다. 내 코드는 함수 외부에서 사용한 경우 .catch() 없이도 잘 작동했습니다. 어떻게든 캡슐화하면 더 이상 올바른 DOM 액세스 권한이 없고 약속이 실패한다고 가정합니다.

@ikemike 이것은 당신을 도울 수 있습니다
```html

@niklasvh 최신 버전의 html2canvas를 사용 중입니다. Uncaught(약속): 정의되지 않은 오류가 발생합니다. 제발 날 좀 도와 줄 수 있니.

이, 작동합니다

이것은 나를 위해 잘 작동합니다.

function downloadURI(uri, name) {
    var link = document.createElement("a");

    link.download = name;
    link.href = uri;
    document.body.appendChild(link);
    link.click();
    clearDynamicLink(link); 
}

function DownloadAsImage() {
    var element = $("#table-card")[0];
    html2canvas(element).then(function (canvas) {
        var myImage = canvas.toDataURL();
        downloadURI(myImage, "cartao-virtual.png");
    });
}

크롬에서는 잘 되는데 IE11에서는 안되네요... T_T;

잡히지 않음(약속 중): 정의되지 않은 오류

@bandacs 이에 대한 해결책을 찾았습니까? 귀하의 스크린 샷과 같은 정확한 오류가 발생합니다.

1.0 alpha 12 릴리스를 사용하고 있는데 같은 문제가 있습니다. 이 모든 솔루션을 시도했습니다.

@smartbepl에서 이 솔루션을 시도했습니다.
html2canvas($("#요소")[0]).then(함수(캔버스) {
$("#요소 출력").append(캔버스);
});

나는 이것을 @jeremielodi가 시도했다.
html2canvas($('#div').get(0)).then( 함수(캔버스) {
console.log(캔버스);
});

나는 또한 leandrocgsi 솔루션을 시도했고 @ikemike가 제안한 대로 캐치를 추가하려고 시도했습니다.

이를 단순화하고 모든 요소가 DOM에 로드되도록 하기 위해 take_screenshot()이라는 함수를 배치합니다.

함수 take_screenshot()
{
html2canvas($(".image__container")[0]).then(캔버스 => {
console.log('제발 정신을 차리고 있습니다');
});
}
그런 다음 자바스크립트 콘솔에서 직접 take_screenshot()을 호출하여 모든 것이 로드되었는지 확인합니다.
Uncaught(약속에서) undefined 같은 오류가 발생합니다.

https://github.com/niklasvh/html2canvas/issues/1313#issuecomment -377132089에서 직면한 것과 똑같은 문제가 있습니다.
누구든지 이 문제에 대한 해결책을 찾을 수 있습니까?

내가 치어리더에 실패한 이유는?

   .get(url)
   .end((err, res) => {
       cheerio.load(res.text)
       html2Canvas($('#statuses').get(0), {
           allowTaint: true
       }).then(function(canvas) {})
})
Uncaught (in promise) Error: Element is not attached to a Document

이제 또 다른 호출 규칙이 있습니다.
버전 0.5는 배열의 노드를 예상했지만 지금은 직접 제공합니다.
버전 0.5에는 "onrendered" 옵션이 있었지만 이제는 "then" 구문을 사용합니다.