用原生js和html5进行网页截图,前端实现html页面截图保存本地，js实现

截图我用html2canvas实现了，转base64图片，但是保存本地一直出问题。

刚开始用的window.location.href，chrome不支持。

后面用a链接加download属性，生产环境一直显示下载网络错误。

html2canvas($('#printbox'), {

background:'#fff',

height:$('#printbox').height(),

onrendered: function(canvas) {

var pageData = canvas.toDataURL('image/png', 1.0);

pageData=pageData.replace('image/png','image/octet-stream');

// window.location.href=pageData;

var link = $("#myPic");

link.attr("href", pageData);

link.attr("download", (new Date()).getTime() + "_异常信息.png");

document.getElementById('myPic').click();

}

});