美文网首页
使用jquery生成二维码

使用jquery生成二维码

作者: AlbenXie | 来源:发表于2017-10-13 14:40 被阅读33次

二维码已经渗透到生活中的方方面面,不管到哪,我们都可以用扫一扫解决大多数问题。二狗为了准备应对以后项目中会出现的二维码任务,就上网了解了如何使用jquery.qrcode生成二维码。方法简单粗暴。

首选,你得将jquery和jquery.qrcode导入到文件中,记住了,jquery.qrcode是基于jquery的哦,要放在后面。

<script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script><br> <script src="//cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>

然后,我们在页面要显示二维码的地方输入这些代码

<div id="code"></div>

最后,我们调用qrcode插件。(qrcode支持canvas和table两种方式进行图片渲染,默认使用canvas方式,效率最高,当然要浏览器支持html5。)直接调用如下:

$(document).ready(function(){
         $('#code').qrcode("http://www.baidu.com");
})

如果说你要支持像IE这种反人类的浏览器的话,就要使用table方式啦。

$(document).ready(function(){
        $("#code").qrcode({
              render: "table", //table方式
              width: 100, //宽度
              height:100, //高度
              text: "http://www.cnblogs.com/momozjm/" //任意内容
         });
})
```  

相关文章

网友评论

      本文标题:使用jquery生成二维码

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