html2canvas 将页面生成图片

html2canvas 将页面生成图片

let imgHeight = window.document.querySelector('#capture').offsetHeight // 获取DOM高度
let imgWidth = window.document.querySelector('#capture').offsetWidth // 获取DOM宽度
let scale = window.devicePixelRatio // 获取设备像素比
html2canvas(window.document.querySelector('#capture'), {
    useCORS: true,
    scale: scale,
    width: imgWidth,
    height: imgHeight
}).then(function (canvas) {
    var dataURL = canvas.toDataURL("image/png", 1.0);
    $("#img img").attr("src",dataURL);
    $("#img").height($("#capture").height());
    $("#capture").hide();
    $("#img").show();
});

附件下载

回复列表



回复操作

正在加载验证码......

请先拖动验证码到相应位置

发布时间:2020-01-16 14:22:07

修改时间:2020-01-16 14:22:22

查看次数:415

评论次数:0