js生成二维码以及插入图片

先根据qrcode官网demo，不同属性值的变化，二维码的变化效果：https://larsjung.de/jquery-qrcode/latest/demo/

进入demo中，审查元素查看里面引用的js文件，你会发现jquery-qrcode-0.14.0.js，这个版本支持二维码中插入图片。

下面是我写的一个列子：

引用js:

index.html

 

xyqrcode.js（给qrcode传生成的二维码属性）

function xyqrcode(options) {     var settings = {         dom:'',         render: 'canvas',   //生成二维码的格式还有image、div         ecLevel:"H",         text:"",         background:"#ffffff",         fill:"#333333", //二维码纹路的颜色         fontcolor:"#ff9818",         fontname:"Ubuntu",         image:{},         label:"",         mPosX:0.5,   //图片在X轴的位置         mPosY:0.5,    //图片在X轴的位置         mSize:0.27,   //图片大小         minVersion:10,         mode:4,         quiet:1,         radius:1,         size:400       };         if (options) {             $.extend(settings, options);//options对象跟settings比较，相同的就替换，没有的就添加         }         if(settings.dom.length==0){             window.console.log("Error: dom empty!");             return;         }         if(settings.url.length==0){             window.console.log("Error: url empty!");             return;         }     settings.text=settings.url; //在qrcode生成二维码的地址是text。这里就把url赋值给text         $(settings.dom).qrcode(settings);       }

 

 希望对你有帮助^_^ !

 

转载于:https://www.cnblogs.com/chiyi/p/5710324.html