Question

我正在尝试实际查看html2canvas正在呈现的字符串图像。我有一个从超链接打开的网页。我想最终使用“图像”按钮拍摄网页的屏幕截图。我正在获取base64字符串但是如何查看字符串图像？

      $(document).ready(function(){         

      html2canvas(document.body,{
          onrendered: function (canvas){
              var data = canvas.toDataURL();
              alert(data);
          },
          width:300,
          height:300
      });

Answer 1

您可以通过将类似data:image/png;base64,的内容添加到base64字符串中，并将其用作插入某处的图像标记的源代码来实现此目的：

  html2canvas(document.body,{
      onrendered: function (canvas){
          var data = canvas.toDataURL();
          var img  = document.createElement('img');
          img.setAttribute('download','myImage.png');
          img.src  = 'data:image/png;base64,' + data;
          document.body.appendChild(img);
      },
      width:300,
      height:300
  });

Answer 2

使用@adeneo的答案，而不是：

(1..6).forEach { println(it * (it + 1) / 2) }

尝试一下：

img.src  = 'data:image/png;base64,' + data;

因为数据图像前缀已经在数据变量中。

从html2canvas打开base64图像

2 个答案: