其他代码

可自定义logo的jQuery生成二维码插件

阿里云


这是一款可自定义 logo 的 jQuery 生成二维码插件。该插件可以实现二维码的生成,定义在二维码上显示的 logo,以及 logo 的位置,文字颜色、字体等多种属性,非常实用。

使用方法

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

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

HTML 结构

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

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

初始化插件

在页面 DOM 元素加载完毕之后,通过 qrcode 方法来初始化插件。

  1. $('#container').qrcode(options);

配置参数

可用的配置参数有:

  1. {
  2.     // render method: 'canvas', 'image' or 'div'
  3.     render: 'canvas',
  4.  
  5.     // version range somewhere in 1 .. 40
  6.     minVersion: 1,
  7.     maxVersion: 40,
  8.  
  9.     // error correction level: 'L', 'M', 'Q' or 'H'
  10.     ecLevel: 'L',
  11.  
  12.     // offset in pixel if drawn onto existing canvas
  13.     left: 0,
  14.     top: 0,
  15.  
  16.     // size in pixel
  17.     size: 200,
  18.  
  19.     // code color or image element
  20.     fill: '#000',
  21.  
  22.     // background color or image element, null for transparent background
  23.     background: null,
  24.  
  25.     // content
  26.     text: 'no text',
  27.  
  28.     // corner radius relative to module width: 0.0 .. 0.5
  29.     radius: 0,
  30.  
  31.     // quiet zone in modules
  32.     quiet: 0,
  33.  
  34.     // modes
  35.     // 0: normal
  36.     // 1: label strip
  37.     // 2: label box
  38.     // 3: image strip
  39.     // 4: image box
  40.     mode: 0,
  41.  
  42.     mSize: 0.1,
  43.     mPosX: 0.5,
  44.     mPosY: 0.5,
  45.  
  46.     label: 'no label',
  47.     fontname: 'sans',
  48.     fontcolor: '#000',
  49.  
  50.     image: null
  51. }

Github 网址:https://github.com/lrsjng/jquery-qrcode

可自定义 logo 的 jQuery 生成二维码插件

已有 391 人购买
  • j7rv
查看演示升级 VIP立刻购买

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

发表回复

热销模板

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

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