发布

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

开发笔记  / Javascript  / 倒序浏览   © 著作权归作者本人所有

#楼主# 2019-5-9

跳转到指定楼层
随着移动设备的普及,日常生活中随处可见二维码,大有一码走天下之势。那么前端如何来生成二维码?
通过QRCode.js我们可以快速生成二维码啦,一起来看看怎么使用吧。

1、引入插件

    /*html*/
    <div id="qrcode"></div>
    /*js*/
    <script src="qrcode.js"></script>


2、基本用法

    var qrcode = document.getElementById('qrcode')

    /*直接生成二维码*/
    new QRCode(qrcode, 'https://www.xiaojun.org')

    /*也可以配置二维码的宽高等*/
    var qrcodeObj = new QRCode('qrcode', {
        text: 'https://www.xiaojun.org',
        width: 256,
        height: 256,
        colorDark : '#000000', //前景色
        colorLight : '#ffffff'  //背景色
    })


3、API

设置二维码内容–makeCode
    qrcodeObj.makeCode('https://www.xiaojun.org/21.html')
清除二维码–clear
    qrcodeObj.clear()

转播转播 分享淘帖
回复

使用道具

成为第一个评论的人

B Color Link Quote Code Smilies

关于本站资源连接失效说明

由于微软onedrive云盘设置了禁止外部共享

源分享的资源都将不能够访问

有需要下载的同学可在要下载的资源页面联系作者

我将在看到的第一时间更新下载地址