关灯
开启左侧

二维码插件

[复制链接]
紫米 发表于 2018-11-8 09:58:19 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
 
日常生活中随处可见二维码,那么前端如何来生成二维码?
通过QRCode.js我们可以快速生成二维码,附件可下载QRCode.js


html代码:
  1. <div id="qrcode"></div>
复制代码
引入QRCode.js:
  1. <script src="qrcode.js"></script>
复制代码
JS代码:
  1. <script>
  2.     var qrcode = document.getElementById('qrcode');

  3.     /*直接生成二维码*/
  4.     new QRCode(qrcode, 'http://www.baidu.com');
  5. </script>
复制代码


也可以设置二维码宽高等参数:
  1. var qrcodeObj = new QRCode('qrcode', {
  2. text: 'http://www.baidu.com',
  3. width: 256,
  4. height: 256,
  5. colorDark : '#000000', //前景色
  6. colorLight : '#ffffff' //背景色
  7. })
复制代码


 

精彩评论1

正序浏览
紫米 发表于 2018-11-8 10:00:08 | 显示全部楼层
 
忘了上传附件,QRCode.js下载地址:https://github.com/davidshimjs/qrcodejs
 
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

排行榜
关闭

站长推荐上一条 /1 下一条

官方微信

全国服务热线:

400-0708-360

公司地址:国家西部信息安全产业基地(成都市高新区云华路333号)

邮编:610000    Email:2908503813@qq.com

Copyright   ©2015-2016  EOIT论坛Powered by©Discuz!    ( 蜀ICP备11000634号-7 )