html2canvas赋值img标签,使用html2canvas 生成img

//canvas-> img

function convert2canvas() {

var el = document.getElementById("dayimg");//要截图的div

var saveImg = document.getElementById("saveImg");

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

var scale = window.devicePixelRatio;//获取设备的显示参数

var ctx = canvas.getContext("2d")

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

var w = el.offsetWidth;

var h = w/0.69;

console.log(w)

canvas.width = w * scale;

canvas.height = h * scale;

canvas.style.width = w;

canvas.style.height = h;

ctx.scale(scale, scale);

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

html2canvas(el, {

scale : scale,

canvas : canvas,

width : w,

height : h,

logging : false,

useCORS : true

}).then(function(canvas) {

var dataUrl = canvas.toDataURL("jpeg");

saveImg.src = dataUrl;

});

$(".dayimg").hide()

}