使用javascript生成二维码 依赖jquery

需要使用到的库


https://github.com/davidshimj...

DIV

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

javascript

 var qrcode = new QRCode("qrcode");qrcode.makeCode("http://www.fengkaichang.com");

至此一个简单的二维码就生成了

接下来我们就详细了解一下这个库到底为我们提供了哪些参数配置和方法

配置

new  QRCode(element,option)
名称 默认值 类型 说明
element - string 显示二维码的元素或该元素的 ID
option objec 参数配置
名称 默认值 类型 说明
text - string 需要生成的二维码内容
width 256 number 图像宽度
height 256 number 图像高度
colorDark "#000000" string 前景色
colorLight "#ffffff" string 背景色
correctLevel QRCode.CorrectLevel.L 容错级别

容错级别有

QRCode.CorrectLevel.L
QRCode.CorrectLevel.M
QRCode.CorrectLevel.Q
QRCode.CorrectLevel.H

var qrcode = new  QRCode(element), {text: "www,fengkaichang.com",width: 150,height: 150,colorDark : "#000000",colorLight : "#ffffff",typeNumber:4,correctLevel : QRCode.CorrectLevel.H
});

API方法

qrcode.makeCode(text)    //设置二维码内容
qrcode.clear() //清除二维码。

相关信息 GitHub 中文文档


更多内容请访问我的个人博客www.fengkaichang.com

使用JavaScript生成二维码教程-附qrcodejs中文文档相关推荐

  1. javascript生成二维码

    http://www.w3dev.cn/article/20140617/javascript-create-QR-code.aspx jquery.qrcode.js 是居于jquery类库的绘制二 ...

  2. python生成二维码教程_使用Python生成个性二维码

    任务目的 这一步会介绍通过Python中的MyQR包实现生成二维码的操作,包括生成普通二维码.带有静态图和动态图的二维码,同时也会对MyQR生成二维码的常用参数进行介绍说明. 任务步骤注:CVM适合用 ...

  3. PHP开发日志 ━━ php、javascript生成二维码的三种方法

    最简单最实例的goolge开源方法 推荐手册:php完全自学手册 1.google开放api 代码如下: $urlToEncode="http://www.helloweba.com&quo ...

  4. 【工厂开发:使用扫码枪生成二维码并打印】使用 扫码枪用JavaScript 生成二维码,并打印二维码

    在厂里做erp,有要求写一个扫码枪扫描二维码生成的demo,并用打印机打印出来. 需求: 1. 使用扫码枪扫描二维码,获取内容 2. 把内容转成二维码显示到页面 3. 打印这个二维码 使用扫码枪扫描二 ...

  5. 利用JavaScript生成二维码并且中间有logo

    一.描述 描述: jquery.qrcode.js 是一个能够在客户端生成矩阵二维码QRCode 的jquery插件,使用它可以很方便的在页面上生成二维条码.此插件是能够独立使用的,体积也比较     ...

  6. TP5生成二维码教程

    1.引入 endroid/qr-code 扩展包 composer require endroid/qr-code 2.1 单页 <?php require 'vendor/autoload.p ...

  7. java生成二维码并导入excel中

    需求: 将系统中的数据导出,数据中存在的网址需要处理后变成二维码,批量导出到excel中 使用开源包: 二维码生成:https://gitee.com/iherus/qrext4j excel导出:h ...

  8. Javascript 实现二维码生成

    javascript生成二维码需要用到一个js库:qrcanvas. QRCanvas 能用来做什么 QRCanvas 的使用非常简单,无论是使用 vue 开发还是传统的 cdn 引入,都能快速地集成 ...

  9. 运用js生成二维码(工作记录)

    工作中需要一个简单的二维码生成功能,此处运用JQuery+jquery.qrcode实现: 需要资源:jquery.js + jquery.qrcode.min.js (网上搜索即可获取) 准备工作 ...

最新文章

  1. ttf_openfont可以多次调用吗_西门子OB块、FC块、FB块、DB块之间有什么关系?如何调用?...
  2. 计数在html怎么添加,在Go中显示html模板的计数
  3. 与number_format函数有关的一个bug?
  4. 严重: StandardServer.await: create[localhost:8005]
  5. Spring框架入门:(非原著,转载)
  6. redis常用命令getex_Redis 常用命令篇(末尾含不常用)
  7. 【前台技术】-播放音频
  8. linux下vmlinuz到vmlinux的转换
  9. 高通SDX55平台:Modem Loopback测试指导
  10. 10个提升写作手法的方法
  11. linux权限 rwxr xr x,小白求助:权限rwxr-xr-x是啥意思?
  12. oracle删除redo 未重启,卸载金山和瑞星后未重启就安装了卡巴,系统进不去了
  13. IUSR_用户(Internet来宾账号)
  14. 通过Element开发基础增删改查页面——Vue项目实战(三)
  15. Dynamics 365 on-premises9.0中文版安装SrsDataConnector出错
  16. PLM、ERP、APS、MES几种信息系统的数据集成
  17. express路由子路由器_使用Express在Node中构建您的第一个路由器
  18. http://blossomsandaccents.com/mk.html 57568
  19. SVM(下)—时间刺客带你做项目
  20. Linux 快速删除大量小文件方法

热门文章

  1. AgileEAS.NET SOA 中间件平台.Net Socket通信框架-简单例子-实现简单的服务端客户端消息应答...
  2. 如何正确的关闭 MFC 线程
  3. C++_类和对象_C++多态_多态案例1-计算器类_抽象父类---C++语言工作笔记071
  4. OAuth2.0_授权服务配置_Spring Security OAuth2.0认证授权---springcloud工作笔记140
  5. K8S_Google工作笔记0002---K8S介绍和特性
  6. SpringCloud工作笔记075---SpotBugs介绍--优化java代码的质量
  7. Linux工作笔记034---linux tail命令详解_linux在vi中查找字符串
  8. EJB3.0异常总结---Exception in thread “main“ javax.naming.NameNotFoundException: StatelessEjbBean not bou
  9. EJB3.0学习笔记---定义客户端访问接口:
  10. NLP之路-继续书本上的实验