Html2Canvas एक जावास्क्रिप्ट लाइब्रेरी है जो पूरे वेब पेज या विशिष्ट भाग का स्क्रीनशॉट ले सकती है। यह स्क्रीनशॉट नहीं लेता है लेकिन पेज की जानकारी के आधार पर दृश्य बनाता है।
उदाहरण
नीचे दिया गया एक उदाहरण कोड है। यहाँ, html2canvas.js स्क्रिप्ट को
में शामिल किया गया है। html2canvas() विधि कहा जाता है। बेस 64 मान देता है, जो अंततः छवि स्रोत या छवि फ़ाइल बनाता है।<!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>