Html2Canvas est une bibliothèque JavaScript qui peut prendre des captures d'écran de pages Web entières ou de parties spécifiques. Il ne prend pas de capture d'écran, mais crée une vue basée sur les informations de la page.
Vous trouverez ci-dessous l'exemple de code. Ici, le script html2canvas.js est inclus dans
. Appelez la méthode html2canvas(). Renvoie la valeur base64, créant finalement la source de l'image ou le fichier image.
<!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>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
