Html2canvas: ध्यान में न आया (वादे में) बशर्ते तत्व दस्तावेज़ के भीतर न हो

आप जिस तत्व को प्रस्तुत करने का प्रयास कर रहे हैं वह दस्तावेज़ डोम के भीतर नहीं है

तो इस मुद्दे को कैसे ठीक करें?

0.5 ठीक है लेकिन जब मैं 1 में अपग्रेड करता हूं तो मुझे यह त्रुटि मिली

कृपया jsfiddle पर एक उदाहरण साझा करें

मैंने एचटीएमएल बॉडी के बाद html2canvas जेएस (संस्करण 1) और मेरा ऐप जेएस लोड करने का प्रयास किया है और यह समस्या मेरे लिए ठीक हो गई है।

क्या किसी को इस मुद्दे के लिए कोई फिक्स मिला है, मुझे ASP.Net MVC cshtml पेज में उपयोग करते समय एक ही समस्या है।

यदि आप डीआईवी उपयोग खोजने के लिए jQuery का उपयोग करते हैं
html2canvas($("#element")[0]).then(function(canvas) {
$("#element-out").append(canvas);
});

लेकिन मैं html2canvas (सभी मानचित्र छवि नहीं आ रहा है) का उपयोग करके Google मानचित्र की छवि लेने में असमर्थ हूं, क्या कोई मेरी मदद कर सकता है कि इसे cshtml में कैसे किया जाए ???

@cjcortez @RaghavPrabhu ऊपर दिए गए स्मार्टबेप्ल के समाधान को ठीक करता है, यह मानते हुए कि आप jQuery या किसी अन्य लाइब्रेरी का उपयोग कर रहे हैं जो एकल Element बजाय तत्वों की सूची प्रदान करता है?

यह मेरे लिए काम करता है!
html2canvas($('#div').get(0)).then (फ़ंक्शन (कैनवास) {
कंसोल.लॉग (कैनवास);
});

धन्यवाद यह काम किया

@jeremielodi धन्यवाद, यह मुझे पागल कर रहा था!

मैंने उपरोक्त के समान कोड की कोशिश की, लेकिन हो सकता है कि मुझे जो त्रुटि मिल रही है वह काफी संबंधित नहीं है: ध्यान में न आया (वादे में) अपरिभाषित ... वादा अस्वीकृत (async)

मुझे ठीक वैसी ही समस्या हो रही थी - मैं बटन क्लिक पर HTML2Canvas को कॉल करना चाहता था। कोई फर्क नहीं पड़ता कि मैंने HTML2Canvas कॉल कैसे लिखा, मुझे एक "अनकॉटेड (वादे में) अपरिभाषित ... वादा अस्वीकृत (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() के बिना ठीक काम करता है अगर मैं इसे किसी फ़ंक्शन के बाहर उपयोग करता हूं। मुझे लगता है कि किसी भी तरह, जब आप इसे समाहित करते हैं, तो उसके पास अब सही डीओएम पहुंच नहीं है और वादा विफल हो जाता है।

@ikemike यह आपकी मदद कर सकता है
```एचटीएमएल

@niklasvh html2canvas के नवीनतम संस्करण के साथ मुझे अनकॉट (वादे में) मिल रहा है: अपरिभाषित त्रुटि। क्या आप मेरी मदद कर सकते हैं।

यह काम करता है

यह मेरे लिए ठीक काम करता है:

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 अल्फा 12 रिलीज का उपयोग कर रहा हूं और मुझे एक ही समस्या हो रही है। मैंने इन सभी समाधानों की कोशिश की है।

मैंने @smartbepl . द्वारा इस समाधान की कोशिश की है
html2canvas($("#element")[0]).then(function(canvas) {
$("#element-out").append(canvas);
});

मैंने इसे @jeremielodi . द्वारा आजमाया
html2canvas($('#div').get(0)).then (फ़ंक्शन (कैनवास) {
कंसोल.लॉग (कैनवास);
});

मैंने लींड्रोकसी समाधान की भी कोशिश की और

इसे सरल बनाने के लिए और यह सुनिश्चित करने के लिए कि सभी तत्व DOM पर लोड हैं, मैं take_screenshot() नामक एक फ़ंक्शन डालता हूं।

फ़ंक्शन take_screenshot ()
{
html2canvas($(.image__container")[0]).then(canvas => {
कंसोल.लॉग ('कृपया काम करें मैं अपना दिमाग खो रहा हूं');
});
}
मैं फिर सब कुछ लोड सुनिश्चित करने के लिए सीधे जावास्क्रिप्ट कंसोल से take_screenshot() को कॉल करता हूं।
मुझे एक ही त्रुटि मिलती है ध्यान में न आया (वादे में) अपरिभाषित।

मेरे पास बिल्कुल वही समस्या है जिसका सामना 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 में "ऑनरेंडर" विकल्प था, जबकि अब आप "फिर" निर्माण का उपयोग करते हैं।