前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >二维码的生成(可设置大小)以及插件下载地址

二维码的生成(可设置大小)以及插件下载地址

作者头像
磊哥
发布2018-05-08 16:27:32
1.1K0
发布2018-05-08 16:27:32
举报
文章被收录于专栏:王磊的博客

本文写的二维码生成是基于jQuery和jquery.qrcode.min.js插件的,本文将介绍两种方法和方式,仅供朋友选择和取舍。本文最下面附有插件的下载地址!

方式1:

  基于jquery.qrcode.min.js插件生成,代码如下:

代码语言:javascript
复制
<html>
<head>
    <title>生成二维码</title>
    <meta name="author" content="Stone(at)游久网,Blog" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
    <script type="text/javascript" src="jquery.qrcode.min.js"></script>
    <script type="text/javascript">
        jQuery(function () {
            jQuery("#qrCodeDiv").qrcode("设置二维码的内容。");
        });
    </script>
</head>
<body>
    <div id="qrCodeDiv">
    </div>
</body>
</html>

  优点:基于jquery.qrcode.min.js插件生成,稳定,效率比较高。

  缺点:不能设置和控制生成二维码的大小(笔者还没有找到)。

方式2:

  基于jquery.MyQRCode.js插件下载,代码如下:

代码语言:javascript
复制
<html>
<head>
    <title>生成二维码</title>
    <meta name="author" content="Stone(at)游久网,Blog" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
    <script type="text/javascript" src="jquery.MyQRCode.js"></script>
    <script type="text/javascript">
        jQuery(function () {
            jQuery("#qrCodeDiv").MyQRCode(
            {
                content: "设置二维码的内容。",
                size: "400x400"
            });
        });
    </script>
</head>
<body>
    <div id="qrCodeDiv">
    </div>
</body>
</html>

  优点:可自定义自己设置大小。

  缺点:此二维码是基于https://chart.googleapis.com/chart?chs={size}&cht=qr&chl={content}&choe={encoding} 这个网址生成的,只是沟通js封装,依赖性很强。

至此二维码的生成就写完了,前辈们很友好把代码封装好了,只要遵循一定方法调用就是了,这也许就是互联网的精神,it的精神。

下载地址:

jquery-1.6.1.min.js

jquery.qrcode.min.js

jquery.MyQRCode.js

【Stone 制作整理,引用请写明出处谢谢合作,联系QQ:1370569】

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2011-09-08 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档