流水日记--- html2canvas

关键词：JavaScript 屏幕截图并下载, html2canvas.

先上代码：

在HTML中加  <script type="text/javascript" src="html2canvas.min.js"></script>  请自己下载html2canvas库
var downResults = function(){
  html2canvas($("#cpbody"), {    // 传入标签节点，
    onrendered: function(canvas) {  // canvas形式图片
      document.getElementById("downimage").href = canvas.toDataURL("image/png");  //事先创建了一个a标签，也可以现场创建 转换为png
      document.getElementById("downimage").download = "network_Speedtest";   // 给图片命名等，download是HTML5属性
      var link = document.getElementById("downimage");    // 下载图片
      console.log(link.click());
    }
  });
}

怎么今天值得说的只有这个？？？

前端真麻烦，各种调兼容性。还有文件编码也是。就没有个好点的方法直接调编码。