Langkah pertama adalah menyimpan halaman web sebagai kanvas kanvas, dengan bantuan perpustakaan html2canvas, http://html2canvas.hertzen.com/
html2canvas (document.geteLementById ("id1"), {onrendered: function (canvas) {document.geteLementById ("id2"). appendChild (canvas); // cara mengatasinya setelah menghasilkan kanvas, tentu saja Anda dapat membuka di tab baru, menampilkannya di layer floating, dll. Canvas 'ID dengan memodifikasi kode sumber HTML2CANVAS});Catatan: Parameter pertama html2canvas () adalah area di mana kanvas akan dihasilkan. Jika seluruh halaman web menghasilkan kanvas, itu adalah document.body. Untuk perincian parameter kedua, silakan merujuk ke berbagai properti kanvas di situs web resmi. Tentu saja, Anda dapat menambahkan properti yang Anda inginkan dengan memodifikasi kode sumber, seperti menambahkan ID ke kanvas.
Langkah kedua adalah menyimpan kanvas yang dihasilkan pada langkah pertama ke dalam sebuah gambar
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.todataureload (); $ ("<a>") .attr ("href", url) .attr ("unduh", "img.png"). appendto ("body"); triggerDownload [0] .click (); triggerDownload.remove ();Di sini, cukup ikuti metode Todataurl (). Anda dapat mengubah kanvas menjadi URL gambar bentuk data. Tetapkan URL ini ke tag <img /> untuk menampilkan gambar. Bagian lain dalam kode adalah fungsi unduhan yang Anda butuhkan.