html2canvas导出照片样式乱 html2canvas生成图片（图片样式和显示样式不一致）

//引入

下载图片

//克隆一个table(因为显示样式与导出样式不一致，所有用此方法解决)

var cloneDom = $(".dataTables_list").clone(true);

//排版，不显示在页面上(不能用display:none，会导致无法生成url)

cloneDom.css({ "position": "absolute", "top": "0px", "z-index": "-1", "width":600 });

$("body").append(cloneDom);

//生成图片下载链接

html2canvas(cloneDom[0]).then(function(canvas)

{

var imgUri = canvas.toDataURL();

//销毁克隆对象

cloneDom.empty();

$("#create_image").attr(‘href‘, imgUri);

$("#create_image").css("display","");

})

原文：/gdog/p/10737437.html