الخطوة الأولى هي حفظ صفحة الويب كقماش قماش ، بمساعدة مكتبة HTML2Canvas ، http://html2canvas.hertzen.com/
html2canvas (document.getElementById ("id1") ، {onrendered: function (canvas) {document.getElementById ("id2"). معرف Canvas عن طريق تعديل رمز المصدر HTML2Canvas}) ؛ملاحظة: المعلمة الأولى من HTML2CANVAS () هي المنطقة التي سيتم فيها إنشاء قماش. إذا كانت صفحة الويب بأكملها تنشئ قماشًا ، فهي مستند. للحصول على تفاصيل المعلمة الثانية ، يرجى الرجوع إلى خصائص القماش المختلفة على الموقع الرسمي. بالطبع ، يمكنك إضافة الخصائص التي تريدها عن طريق تعديل الكود المصدري ، مثل إضافة معرف إلى قماش.
الخطوة الثانية هي حفظ اللوحة التي تم إنشاؤها في الخطوة الأولى في صورة
var canvas = document.getElementById ("<span style =" font-family: arial ، helvetica ، sans-serif ؛ "> canvas" </span> <span style = "font-family: arial ، helvetica ، sans-serif ؛">) ، </span> url = canvas.todataurl () ؛ $ ("<a>") .attr ("href" ، url) .Attr ("Download" ، "img.png"). appendto ("body") ؛ TriggerDownload [0] .click () ؛ TriggerDownload.remove () ؛هنا ، فقط اتبع طريقة Todataurl (). يمكنك تحويل قماش القماش إلى عنوان URL صورة شكل البيانات. قم بتعيين عنوان URL هذا إلى علامة <img/> لعرض الصورة. أجزاء أخرى في الكود هي وظائف التنزيل التي تحتاجها.