前端生成二维码插件jquery.qrcode.js

最新推荐文章于 2024-04-13 10:16:43 发布

chibimarukochan

最新推荐文章于 2024-04-13 10:16:43 发布

阅读量457

点赞数 1

分类专栏： web前端文章标签： jquery.qrcode.js

本文链接：https://blog.csdn.net/ChibiMarukoChan/article/details/89953921

版权

本文介绍了如何使用前端插件jquery.qrcode.js生成二维码，包括引入js文件，创建DOM容器，设置二维码的生成方式、大小和色彩样式。

摘要由CSDN通过智能技术生成

一、效果

二、使用

1）引入jquery.qrcode.min.js和jquery

<script src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery.qrcode.min.js"></script>

2）创建一个DOM元素去包含生成二维码

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

3）在容器中生成二维码

<script>
    jQuery(function(){
         jQuery('#code').qrcode("https://developers.weixin.qq.com");
})
</script>

三、更多操作

1）指定二维码的生成方式

可以在调用函数的同时输入想要的二维码生成方式（table/canvas）

//使用table生成
jQuery('#code').qrcode({
    render: "table",
    text: "https:

关注

专栏目录