当前位置:JS特效 » 其他 » jQuery二维码生成插件
 jQuery二维码生成插件
如果您觉得内容不错,请分享:

插件介绍

这是一款经典的jQuery二维码生成插件。jquery.qrcode.js二维码插件允许你在网页中容易的插入二维码,可以生成表格形式的二维码,或基于canvas的图片二维码。

浏览器兼容性

浏览器兼容性
时间:2021-07-24 阅读:56
简要教程

这是一款经典的jQuery二维码生成插件。jquery.qrcode.js二维码插件允许你在网页中容易的插入二维码,可以生成表格形式的二维码,或基于canvas的图片二维码。

使用方法

在页面中引入jquery和jquery.qrcode.min.js文件。



                
HTML结构

使用一个

元素来作为二维码的容器。

初始化插件

在页面DOM元素加载完毕,通过qrcode()的方法来初始化该jQuery二维码插件。

$('#qrcode').qrcode({
  text: "https://www.htmleaf.com"
});
                

如果你想以表格的方式来显示二维码,可以使用render参数。

$('#qrcode').qrcode({
    render: "table",
    text: "https://www.htmleaf.com"
});
                

你还可以指定二维码的宽度和高度。

$('#qrcode').qrcode({
  text: "https://www.htmleaf.com",
  width: 256,
  height: 256
});
                

也可以指定二维码的前景色和背景色。

$('#qrcode').qrcode({
  text: "https://www.htmleaf.com",
  background: "#ffffff",
  foreground: "#000000"
});                  
                

你还可以定制二维码的错误校正等级

$('#qrcode').qrcode({
  text: "https://www.htmleaf.com",
  correctLevel: QRErrorCorrectLevel.H
});                  
                
  • QRErrorCorrectLevel.H: Approx 30%
  • QRErrorCorrectLevel.Q: Approx 25%
  • QRErrorCorrectLevel.M: Approx 15%
  • QRErrorCorrectLevel.L: Approx 7%

该jQuery二维码生成插件的github地址为:https://github.com/jeromeetienne/jquery-qrcode

Top