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

 jQuery/js   高蒙   阅读(420)    二维码  jquery  jquery.qrcode.js   2016-12-22 14:36:44 


在之前的一篇文章中我介绍了用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插件很轻松的完成了在线生成二维码的功能。



相关文章



最新评论

恶风vervev2017-01-17 20:43:04  回复

啊帅帅的大手笔

Singee772016-12-23 08:57:51  回复

这真是个好东西


我要评论



回复:

Copyrights © 2016-2017 高蒙个人博客 www.shuchengxian.com, All rights reserved. 皖ICP备15015490号 皖公网安备 34152302000022号网站地图

关键词:二维码,jquery,jquery.qrcode.js