分享一波前端二维码生成分案

image = new Image();
    image.src = `//www.lilnong.top/static/img/avator/avator-0.jpg`;
    image.onload = function(){
        $('#qrcode').erweima({
            mode: 4,
            mSize:20,
            image: image,
            text: 'https://www.lilnong.top'
        });
    }

$("#qrcode").qrcode({
    render: "canvas",
    text: 'https://www.lilnong.top/cors/yanshi21277',
    width : "200", //二维码的宽度
    height : "200", //二维码的高度
    background : "#ffffff", //二维码的后景色
    foreground : "#000000", //二维码的前景色
    src: '//www.lilnong.top/static/img/avator/avator-0.jpg' //二维码中间的图片
});

image = new Image();
    image.src = '//www.lilnong.top/static/img/avator/avator-14.jpg';
    image.width = 100;
    document.body.appendChild(image)
    image.onload = function(){
        new QArt({
            value: 'https://www.lilnong.top/cors/qart/threshold',
            imagePath: '//www.lilnong.top/static/img/avator/avator-14.jpg',
            filter: 'threshold',
            size: 300
        }).make(function (canvas) {
            document.getElementById('qrcode').appendChild(canvas)
        });
        new QArt({
            value: 'https://www.lilnong.top/cors/qart/color',
            imagePath: '//www.lilnong.top/static/img/avator/avator-14.jpg',
            filter: 'color',
            size: 300
        }).make(function (canvas) {
            document.getElementById('qrcode').appendChild(canvas)
        });
        new QArt({
            value: 'https://www.lilnong.top/cors/qart/noimagePath',
            imagePath: '',
            filter: 'color',
            size: 300
        }).make(function (canvas) {
            document.getElementById('qrcode').appendChild(canvas)
        });
    }

qrcode = new QRCode(document.getElementById("qrcode"), {
        text: "https://www.lilnong.top/cors/",
        height: 500,
        codeWidth: 320,
        codeHeight: 320,
        top: 85,
        left: 80,
        materials: {
            border: "https://www.lilnong.top/static/img/yanshi22345/http___www.jq22.com_demo_erwm201910121055_materials_electron_border.png",
            eye: "https://www.lilnong.top/static/img/yanshi22345/http___www.jq22.com_demo_erwm201910121055_materials_electron_eye.png",
            row4: "https://www.lilnong.top/static/img/yanshi22345/http___www.jq22.com_demo_erwm201910121055_materials_electron_row4.png",
            col4: "https://www.lilnong.top/static/img/yanshi22345/http___www.jq22.com_demo_erwm201910121055_materials_electron_col3.png",
            row2col3: "https://www.lilnong.top/static/img/yanshi22345/http___www.jq22.com_demo_erwm201910121055_materials_electron_row2col3.png",
            row3col2: "https://www.lilnong.top/static/img/yanshi22345/http___www.jq22.com_demo_erwm201910121055_materials_electron_row3col2.png",
            col3: ["https://www.lilnong.top/static/img/yanshi22345/http___www.jq22.com_demo_erwm201910121055_materials_electron_col3.png", "https://www.lilnong.top/static/img/yanshi22345/http___www.jq22.com_demo_erwm201910121055_materials_electron_col3_2.png"],
            row2col2: "https://www.lilnong.top/static/img/yanshi22345/http___www.jq22.com_demo_erwm201910121055_materials_electron_row2col2.png",
            corner: "https://www.lilnong.top/static/img/yanshi22345/http___www.jq22.com_demo_erwm201910121055_materials_electron_corner.png",
            row2: ["https://www.lilnong.top/static/img/yanshi22345/http___www.jq22.com_demo_erwm201910121055_materials_electron_row2.png", "https://www.lilnong.top/static/img/yanshi22345/http___www.jq22.com_demo_erwm201910121055_materials_electron_row2_2.png"],
            col2: "https://www.lilnong.top/static/img/yanshi22345/http___www.jq22.com_demo_erwm201910121055_materials_electron_col2.png",
            single: ["https://www.lilnong.top/static/img/yanshi22345/http___www.jq22.com_demo_erwm201910121055_materials_electron_single.png", "https://www.lilnong.top/static/img/yanshi22345/http___www.jq22.com_demo_erwm201910121055_materials_electron_single_2.png"],
        }
    });