html2canvas图片位移_html2canvas截取div内容下载解决图片模糊和图片偏移

$("#btnsave").click(function(){

var copyDom = $("#modalcontent");

var width = copyDom.offsetWidth;//dom宽

var height = copyDom.offsetHeight;//dom高

var scale = 2;//放大倍数

var canvas = document.createElement('canvas');

canvas.width = width*scale;//canvas宽度

canvas.height = height*scale;//canvas高度

var content = canvas.getContext("2d");

content.scale(scale,scale);

var rect = copyDom.get(0).getBoundingClientRect();//获取元素相对于视察的偏移量

content.translate(-rect.left,-rect.top);//设置context位置，值为相对于视窗的偏移量负值，让图片复位

html2canvas(copyDom[0], {

dpi: window.devicePixelRatio*2,

scale:scale,

canvas:canvas,

width:width,

heigth:height,

}).then(function (canvas) {

var url = canvas.toDataURL();

var