前端生成二维码插件jquery.qrcode.js

一、效果

二、使用

1）引入jquery.qrcode.min.js和jquery

2）创建一个DOM元素去包含生成二维码

3）在容器中生成二维码

三、更多操作

1）指定二维码的生成方式

可以在调用函数的同时输入想要的二维码生成方式（table/canvas）

//使用table生成
jQuery('#code').qrcode({
    render: "table",
    text: "https://developers.weixin.qq.com"
});
 
//使用canvas生成
jQuery('#code').qrcode({
    render: "canvas",
    text: "https://developers.weixin.qq.com"
});

2）指定生成二维码的大小

jQuery('#output').qrcode({
		 render: "canvas",
		 width: 100,
		 height: 100,
		 text: "https://developers.weixin.qq.com"
});

3）指定生成二维码的色彩样式

 foreground: "#DBDBDB",//整个背景色
  background: "#000000",//二维码颜色

jQuery('#code').qrcode({
    render: "canvas", 
    foreground: "#DBDBDB",
    background: "#FFFFFF",
    text: "https://developers.weixin.qq.com"
});