Html2Canvas ist eine JavaScript-Bibliothek, die Screenshots ganzer Webseiten oder bestimmter Teile erstellen kann. Es wird kein Screenshot erstellt, sondern eine Ansicht basierend auf den Seiteninformationen erstellt.
Unten finden Sie den Beispielcode. Hier ist das Skript html2canvas.js in
enthalten. Rufen Sie die Methode html2canvas() auf. Gibt den Base64-Wert zurück und erstellt letztendlich die Bildquelle oder Bilddatei.
<!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>Das obige ist der detaillierte Inhalt vonKönnen Sie mit HTML5 Canvas einen Screenshot einer Seite erstellen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
So lösen Sie 400 fehlerhafte Anfragen
Die Rolle dieses Zeigers in C++
Was sind die GSM-Verschlüsselungsalgorithmen?
Methoden zur Abwehr von Serverangriffen
Der Unterschied zwischen Scratch und Python
Was sind die Vorteile des SpringBoot-Frameworks?
Allgemeine Postgresql-Befehle
ps Vollbild-Tastenkombination beenden
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
