Html2Canvas là thư viện JavaScript có thể chụp ảnh toàn bộ trang web hoặc phần cụ thể. Nó không chụp ảnh thực mà tạo khung nhìn dựa trên thông tin trang.
Ví dụ
Dưới đây là mã ví dụ. Ở đây, script html2canvas.js được include ở <head>. Phương thức html2canvas() được gọi. Trả về giá trị base64, tạo nguồn hình ảnh hoặc file ảnh.
<!DOCTYPE html> <html> <head> <script src="html2canvas-master/dist/html2canvas.js"></script> </head> <body> <h1>Chụp ảnh màn hình</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='Chụp ảnh màn hình' onclick='screenshot();'><br/> <script> function screenshot(){ html2canvas(document.body).then(function(canvas) { document.body.appendChild(canvas); }); } </script> </body> </html>