将DIV的屏幕截图保存为图像

Question

如何截取包含多个图像的DIV的屏幕截图？实际上我正在将图像拖入DIV并希望使用Jquery或Javascript截取屏幕截图，但不使用服务器端脚本语言。

Answer 1

假设您有一个单击按钮（以触发捕获），并且图像位于同一个域中，请加载html2canvas JS文件，然后添加：

$('#btn').click(function() {
  html2canvas($('#DIV'), {
    onrendered: function(canvas) {
      //do something with the canvas element - upload, append to a display element, etc.  For example:
    var myImage = canvas.toDataURL("image/png");
    window.open(myImage);
    }
  });
});