首页 » 前端技术 » 如何用jquery.qrcode.js插件在线生成二维码

如何用jquery.qrcode.js插件在线生成二维码

高蒙 2016/12/22 14:36 2.5k浏览 0评论 jQuery/js


在之前的一篇文章中我介绍了用php怎么生成二维码,今天我要说的是用jquery.qrcode.js前端生成二维码。

jquery.qrcode.js是一个纯浏览器生成QRcode的jQuery插件,它使用非常简单,生成的QRcode无需下载图片,并且不依赖第三方服务。实在是挺好用的。

官网地址:https://larsjung.de/jquery-qrcode/

其实在官方的API已经说的很清楚了,我这里只是做个简单的案例。

<div id="container"></div>
<script>
    $('#container').qrcode({
        // 渲染的方式 : 'canvas', 'image' or 'div'
        render: 'canvas',
        // 容错率 L-H 递增 level: 'L', 'M', 'Q' or 'H'
        ecLevel: 'H',
        // 大小
        size: 200,
// 圆角
radius: 0.5,
        // 背景色
        background: '#ffffff',
        // 内容
        text: 'http://www.shuchengxian.com',
    });
</script>

效果如下:

jquery.qrcode.js生成二维码

通过jquery.qrcode.js插件很轻松的完成了在线生成二维码的功能。




相关文章

我有话说

站长昵称:(*)

输入内容:

选个头像:

评论列表

    ...

    高蒙

    男, PHP程序猿

    文章

    485

    标签

    42

    热度

    10w+

    南京, 江苏, 中国

    人生要是没有理想, 那跟咸鱼有什么分别。