html2canvas

html2canvas是一个js插件,可以利用js进行截图并输出为canvas

html2canvas(document.body).then(function(canvas) {
    document.body.appendChild(canvas);
    var drawing = canvas;
    //确定浏览器支持元素
    if (drawing.getContext) {
      var context = drawing.getContext('2d')
      //取得图像的数据 URI
      var imgURI = drawing.toDataURL("image/png");
    }
});

注意canvas转base64时需要其中的图片均未跨域，若非本地图片需由后端先转为base64。

新版本中存在IOS微信web中无法生成图片问题，建议使用v1.0.0-rc.4版本