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!
Bagaimana untuk menutup port 445 dalam xp
Cara menggunakan fungsi Print() dalam Python
Penyelesaian kepada gesaan Jadual Pembahagian Tidak Sah semasa boot Windows 10
Cara membuat animasi gif dalam ps
koleksi kod latar belakang css
Langkah-langkah penyimpanan penyulitan data
Bagaimana untuk menyemak pautan mati laman web
Perbezaan antara pelayan dan hos awan
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
