美文网首页
分享一个生成二维码的插件–QRCode.js

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

作者: 唐人不自醉 | 来源:发表于2019-07-07 23:02 被阅读0次

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

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

    1、引入插件

     /*html*/
        <div id="qrcode"></div>
    
        /*js*/
        <script 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()
    

    相关文章

      网友评论

          本文标题:分享一个生成二维码的插件–QRCode.js

          本文链接:https://www.haomeiwen.com/subject/apzwxctx.html