把页面转成图片下载到本地/手机相册

//把页面转成图片下载到本地/手机相册(小编亲测有效)

注：需要下载html2canvas.min.js、canvas2image.js

var QRcodeDownload = document.getElementById("QRcode");//需要转化下载的模块ID
//保存到相册/本地
function saveAlbum() {
    html2canvas(QRcodeDownload, {
        onrendered: function(canvas) {
            //添加属性
            canvas.setAttribute('id', 'thecanvas');
            //读取属性值
            // var value= canvas.getAttribute('id');
            document.getElementById('images').innerHTML = '';
            document.getElementById('images').appendChild(canvas);
            var oCanvas = document.getElementById("thecanvas");
            /*自动保存为png*/
            // 获取图片资源
            var img_data1 = Canvas2Image.saveAsPNG(oCanvas, true).getAttribute('src');
            saveFile(img_data1, '图片名称.png');
        }
    });
    // 保存文件函数
    var saveFile = function(data, filename) {
        var save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
        save_link.href = data;
        save_link.download = filename;

        var event = document.createEvent('MouseEvents');
        event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
        save_link.dispatchEvent(event);
    };
}

织梦cms如何修改15秒后再下载的功能

js后端返回的数据是blob类型的excel下载文件

如何安装从各种源码网上下载的织梦源码

Dede织梦下载频道不显示下载次数解决方法

帝国cms7.2附件下载链接显示原文件名

标签： 下载

上面是“把页面转成图片下载到本地/手机相册”的全面内容，想了解更多关于 前端知识 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_114.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！