其他代码

jQuery二维码生成插件

阿里云


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

使用方法:

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

也想出现在这里?联系我们
创客主机
  1. <script src="path/to/jquery.min.js"></script>
  2. <script src="path/to/jquery.qrcode.min.js"></script>

HTML 结构:

使用一个[div]元素来作为二维码的容器。

  1. <div id="qrcode"></div>

初始化插件:

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

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

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

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

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

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

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

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

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

  1. $('#qrcode').qrcode({
  2.   text: "https://www.htmleaf.com",
  3.   correctLevel: QRErrorCorrectLevel.H
  4. });

QRErrorCorrectLevel.H: Approx 30%

QRErrorCorrectLevel.Q: Approx 25%

QRErrorCorrectLevel.M: Approx 15%

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

jQuery 二维码生成插件

已有 455 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!