html2canvas是一个js插件,可以利用js进行截图并输出为canvas
html2canvas(document.body).then(function(canvas) {
document.body.appendChild(canvas);
var drawing = canvas;
//确定浏览器支持<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版本