使用html2canvas 生成img

概述//canvas-> imgfunction convert2canvas() { var el = document.getElementById("dayimg");//要截图的div var saveImg = document.getElementById("saveImg"); var canvas = document.createElement("c

//canvas-> imgfunction 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()}

总结

以上是内存溢出为你收集整理的使用html2canvas 生成img全部内容，希望文章能够帮你解决使用html2canvas 生成img所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。