Cách chụp ảnh màn hình trang web hiện tại bằng cách sử dụng javascript/jquery

Question

Tôi đã cố chụp ảnh màn hình của một trang web bằng JavaScript/jquery.could bạn vui lòng giải thích cho tôi các bước mã mà tôi cần phải làm theo.

cảm ơn bạn

Answer 1

Tiện ích JavaScript phù hợp để chụp ảnh màn hình trang web. Bạn phải sử dụng ba thư viện JavaScript:

1.jquery-1.10.2.min.js 
2.html2canvas.js 
3.jquery.plugin.html2canvas.js 

Sau đó gọi hàm capture(), sẽ cung cấp cho bạn ảnh chụp màn hình dựa trên canvas HTML5 trong cửa sổ mới. Nó cũng tạo ra một giá trị base64data của hình ảnh. Nó chỉ hoạt động trong các trình duyệt hỗ trợ canvas HTML5.

<script type="text/javascript"> 
    function capture() { 
      html2canvas($('body'),{ 
       onrendered: function (canvas) {      
          var imgString = canvas.toDataURL("image/png"); 
          window.open(imgString);     
      } 
     }); 
    </script>