您好,欢迎来到站长资源库!分享精神,快乐你我!
设为首页 | 收藏本站 | 网站地图 | Sitemap | TAG标签
焦点图全屏广告对联广告在线客服相册代码HTML/CSS滚动代码导航菜单悬浮漂浮
当前位置:首页 > 网页特效 > HTML/CSS

分享一个生成二维码的插件–QRCode.js

浏览:36 次  |  日期:2020-02-21

随着移动设备的普及,日常生活中随处可见二维码,大有一码走天下之势。那么前端如何来生成二维码?


通过QRCode.js我们可以快速生成二维码啦,一起来看看怎么使用吧。

 

1、引入插件

/*html*/

   < div id="qrcode" >

   /*js*/

   < script src=" qrcode.js " data-ke-src=" qrcode.js " >< /script >

 

2、基本用法

var qrcode = document.getElementById('qrcode')

   /*直接生成二维码*/

   new QRCode(qrcode, 'http://www.daqianduan.com')

   /*也可以配置二维码的宽高等*/

   var qrcodeObj = new QRCode('qrcode', {

       text: 'http://www.daqianduan.com',

       width: 256,

       height: 256,

       colorDark : '#000000', //前景色

       colorLight : '#ffffff'  //背景色

   })

 

3、API

设置二维码内容–makeCode


qrcodeObj.makeCode('http://www.daqianduan.com/?p=6518&preview=true')


清除二维码–clear


qrcodeObj.clear()

 

TAG标签
    2009-2020 © 懒人站长资源库  版权所有
    网站首页 - 矢量素材 - 图标素材 - 网页特效 - 图库素材 - 网站教程 - 网站源码 - FLASH素材 - 常用手册 - 共享软件
    QQ服务:564316500  邮箱服务:564316500@qq.com
    皖ICP备20003381号