生成图片插件 -> html2canvas

最近做h5项目好多都需要用到将页面生成图片,可长按保存,实现这个功能用到一个插件html2canvas.js。

项目中引用该插件,在js中编写如下代码:

html2canvas($(".p3").get(0)).then(canvas => {
    //执行拍照
    //document.body.appendChild(canvas);
    // 图片导出为 png 格式
    var type = 'image/png';
    var imgData = canvas.toDataURL(type);
    $(".p3-save-img").attr('src', imgData);
});

$(".p3").get(0)为生成图片区域;$(".p3-save-img")为图片保存位置。

插件下载戳这 -> https://pan.baidu.com/s/1EANWimes5eGexcRFMq3R3w

提取密码:5sf1

你可能感兴趣的:(javascript)