html2canvas图片位移_使用 html2canvas 导出图片的一个示例

var saveFile = function(data, filename){

var save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');

save_link.href = data;

save_link.download = filename;

var event = document.createEvent('MouseEvents');

event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);

save_link.dispatchEvent(event);

};

function takeScreenshot() {

html2canvas(document.getElementsByClassName('content-wrapper'), {

onrendered: function (canvas) {

var imgUri = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream"); // 获取生成的图片的url

console.log(imgUri);

saveFile(imgUri,"图片名.png");

}

});

}