Html2canvas: आईडी द्वारा तत्व प्राप्त करते समय खाली कैनवास

को निर्मित 28 सित॰ 2020 · 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

सबसे उपयोगी टिप्पणी

हो सकता है कि आपका तत्व ऊपर या नीचे स्क्रॉल किया गया हो। स्क्रॉलएक्स जोड़कर प्रयास करें: -विंडो.स्क्रॉलएक्स और स्क्रॉलवाई: -विंडो.स्क्रॉलवाई

    $("#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 1 अक्तू॰ 2020

👍2 🚀1 ❤1 🎉1

सभी 3 टिप्पणियाँ

    $("#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 1 अक्तू॰ 2020

👍2 🚀1 ❤1 🎉1

बिल्कुल सही, इस मुद्दे को हल किया है धन्यवाद।

Josh10101010 1 अक्तू॰ 2020

❤1

कृपया स्क्रीनशॉटिंग करते समय अक्सर स्क्रॉल करने के अनुसार कृपया इन दो गुणों को मुख्य उदाहरणों में लिखें। ऊपर टिप्पणी देखें https://github.com/niklasvh/html2canvas/issues/2368#issuecomment -701920277

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

IgorKurkov 4 दिस॰ 2020

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

संबंधित मुद्दों

एक iframe के भीतर html2canvas का उपयोग करते समय फ़ॉन्ट लोड नहीं होते हैं

diego-rey · 3टिप्पणियाँ

html2canvas पूरी स्क्रीन को कैप्चर नहीं कर रहा है। (ग्रिडस्टर 2)

deepender87 · 4टिप्पणियाँ

css मास्क इमेज/-वेबकिट-मास्क-इमेज सपोर्ट

celik75 · 4टिप्पणियाँ

एम्बेडेड/बाहरी सीएसएस के साथ एसवीजी प्रतिपादन काम नहीं कर रहा है

arzyu · 3टिप्पणियाँ

1.0.0-alpha.1 . में स्क्रॉल स्थिति कैप्चर नहीं की जा सकती

AlphaDu · 4टिप्पणियाँ