Html2Canvas ialah perpustakaan JavaScript yang boleh mengambil tangkapan skrin keseluruhan halaman web atau bahagian tertentu. Ia tidak mengambil tangkapan skrin, tetapi mencipta paparan berdasarkan maklumat halaman.
Diberikan di bawah ialah kod sampel. Di sini, skrip html2canvas.js disertakan dalam
. Panggil kaedah html2canvas(). Mengembalikan nilai base64 yang akhirnya mencipta sumber imej atau fail imej.<!DOCTYPE html> <html> <head> <script src="html2canvas-master/dist/html2canvas.js"></script> </head> <body> <h1>Take screenshot</h1> <div class="container" id='container' > <imgsrc='images/one.jpg' width='50' height='50'> <imgsrc='images/two.jpg' width='50' height='50'> </div> <input type='button' id='but_screenshot' value='Take screenshot' onclick='screenshot();'><br/> <script> function screenshot(){ html2canvas(document.body).then(function(canvas) { document.body.appendChild(canvas); }); } </script> </body> </html>
Atas ialah kandungan terperinci Bolehkah anda mengambil tangkapan skrin halaman menggunakan HTML5 Canvas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!