Html2canvas: لوحة فارغة عند الحصول على عنصر بمعرف

تم إنشاؤها على ٢٨ سبتمبر ٢٠٢٠  ·  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)
        });
    });
picture Josh10101010
👀1 👍1

التعليق الأكثر فائدة

ربما يتم تمرير العنصر الخاص بك لأعلى أو لأسفل. حاول إضافة 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)
        });
    });
picture NurulAlomAdor في ١ أكتوبر ٢٠٢٠
👍2 🚀1 ❤1 🎉1

ال 3 كومينتر

ربما يتم تمرير العنصر الخاص بك لأعلى أو لأسفل. حاول إضافة 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)
        });
    });
NurulAlomAdor picture NurulAlomAdor في ١ أكتوبر ٢٠٢٠
👍2 🚀1 ❤1 🎉1

رائع ، لقد تم حل المشكلة شكرًا.

Josh10101010 picture Josh10101010 في ١ أكتوبر ٢٠٢٠
❤1

يرجى كتابة هاتين الخاصيتين على الأمثلة الرئيسية وفقًا للتمرير أثناء التقاط لقطة الشاشة في كثير من الأحيان. انظر التعليق أعلاه https://github.com/niklasvh/html2canvas/issues/2368#issuecomment -701920277

scrollX: -window.scrollX,
scrollY: -window.scrollY
IgorKurkov picture IgorKurkov في ٤ ديسمبر ٢٠٢٠
هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات

القضايا ذات الصلة

Juliazhong picture Juliazhong  ·  4تعليقات
kunal886496 picture kunal886496  ·  3تعليقات
Loki180 picture Loki180  ·  4تعليقات
rrutkows picture rrutkows  ·  4تعليقات
wbarrantes picture wbarrantes  ·  3تعليقات