星空网 > 软件开发 > Java

QRCode.js 生成二维码

QRCode.js 是一个用于生成二维码图片的插件。

  • github地址




在线实例

实例预览 基础示例

实例预览 API 接口

使用方法

载入 JavaScript 文件

  1. <script src='/images/loading.gif' data-original="qrcode.js"></script>
复制

DOM 结构

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

调用

  1. // 简单方式 
  2. new QRCode(document.getElementById('qrcode'), 'your content'); 
  3.  
  4. // 设置参数方式 
  5. var qrcode = new QRCode('qrcode', { 
  6.   text: 'your content', 
  7.   width: 256, 
  8.   height: 256, 
  9.   colorDark : '#000000', 
  10.   colorLight : '#ffffff', 
  11.   correctLevel : QRCode.CorrectLevel.H 
  12. }); 
  13.  
  14. // 使用 API 
  15. qrcode.clear(); 
  16. qrcode.makeCode('new content'); 
复制

参数说明

  1. new QRCode(element, option)
复制
   
名称默认值说明
element-显示二维码的元素或该元素的 ID
option 参数配置

option 参数说明

名称默认值说明
width256图像宽度
height256图像高度
typeNumber4 
colorDark"#000000"前景色
colorLight"#ffffff"背景色
correctLevelQRCode.CorrectLevel.L容错级别,可设置为:

QRCode.CorrectLevel.L

QRCode.CorrectLevel.M

QRCode.CorrectLevel.Q

QRCode.CorrectLevel.H


API 接口

名称说明
makeCode(text)设置二维码内容
clear()清除二维码。(仅在不支持 Canvas 的浏览器下有效)

下载

 




原标题:QRCode.js 生成二维码

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

全国最大集装箱码头通过验收,可靠泊2.2万标箱!:https://www.ikjzd.com/articles/13883
亚马逊小白该如何进行选品?_亚马逊选品技巧:https://www.ikjzd.com/articles/138830
福布斯采访Souq创始人:这是一种鼓舞人心的企业家精神:https://www.ikjzd.com/articles/138831
外贸新手入门,这些才是你的核心竞争力:https://www.ikjzd.com/articles/138832
卖家警惕:一种黑手法让3卖家损失上千万!:https://www.ikjzd.com/articles/138833
停止配送、运输瘫痪!亚马逊退货率暴增76%的背后...:https://www.ikjzd.com/articles/138834
亚马逊掀起算法革命:A9已死 COSMO当立? :https://www.kjdsnews.com/a/1836493.html
2月新茶饮开店腰斩 加盟门槛一降再降 :https://www.kjdsnews.com/a/1836494.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流