二维码生成及下载（前端）

 最近在项目中用到二维码生成及下载，做个笔记记录下

首先引入js文件， 这是在网上找的

<script src="http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>

<div id='需求生成的值' ></div>

 

生成二维码javascript代码 ：

function generateQRCode(id,url){
        console.log(url);
            jQuery('#'+id).qrcode({
                render: "canvas", //也可以替换为table
                width: 160,
                height: 160,
                text: url
            });
    }
    function generateQRCodeForDownLoad(id,url){
        jQuery('#'+id+'1').qrcode({
            render: "canvas", //也可以替换为table
            width: 1000,
            height: 1000,
            text: url
        });
    }

 下载二维码的javascript代码如下：

// 保存成png格式的图片
    function saveAsPNG(canvas) {
        return canvas.toDataURL("image/png");
    }

    // 保存成jpg格式的图片
    function saveAsJPG(canvas) {
        return canvas.toDataURL("image/jpeg");
    }

    // 保存成bmp格式的图片  目前浏览器支持性不好
    function saveAsBMP(canvas) {
        return canvas.toDataURL("image/bmp");
    }
    /**
     * @author viewda
     * @param {String} url 需要下载的文件地址
     * */
    function downLoad(url){
        var oA = document.createElement("a");
        oA.download = '二维码';// 设置下载的文件名，默认是'下载'
        oA.href = url;
        document.body.appendChild(oA);
        oA.click();
        oA.remove(); // 下载之后把创建的元素删除
    }

感想：canvas很好用，可以抽空学下