Html2canvas: عنصر حفظ يمتد إلى ما وراء منفذ العرض

تم إنشاؤها على ٣ نوفمبر ٢٠١٧  ·  4تعليقات  ·  مصدر: niklasvh/html2canvas

أحاول استخدام هذا لحفظ صفحة تمتد إلى ما بعد إطار العرض لكنها تتعطل باستمرار. هل هناك طريقة للحفظ. أدناه هو رمز الدردشة باستخدام. عندما أجعل العنصر صغيراً بما يكفي ليلائم إطار العرض ، فإنه يعمل بشكل جيد ولكن الصورة التي أحصل عليها بعيدة جدًا عن ما أحتاجه ، وزيادة الحجم تجعله ضبابيًا. بعض هذه الصور بالحجم الذي أحتاجه هي 1300 بكسل + ارتفاع

`html2canvas (معاينة ، {
الخلفية: "#ffffff" ،
onrendered: (قماش) => {

            canvas.toBlob((blob)=>{
                FileSaver.saveAs(blob, 'mysave.png');
            })

        }
    })`

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

يمكنك محاولة استنساخ محتويات العنصر وإلحاقها بالجسم أثناء حدوث الالتقاط ، ثم إزالته. شيء مثل

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;
    });

ال 4 كومينتر

إذا كان العنصر الموجود في حاوية ، 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;
    });
هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات

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

anthonymejia picture anthonymejia  ·  4تعليقات

yasergh picture yasergh  ·  5تعليقات

tibewww picture tibewww  ·  4تعليقات

koreanman picture koreanman  ·  4تعليقات

AviYafe picture AviYafe  ·  5تعليقات