美文网首页
JQuery生成二维码

JQuery生成二维码

作者: Separes | 来源:发表于2017-02-13 13:44 被阅读53次

    说明:

    在网站作品详情页分享功能中,当初使用过 2 种分享插件,从百度分享到 bshare 分享,里面功能有些可以自定义配置,但是大部分都必须按照插件的 API 说明来做,导致很多时候无法和网站的交互达到很好的配合,尤其是微信分享二维码显示,后来在其他视频网站看到一种生产二维码的 JQuery 插件,所以配合版本将微信分享采用通过插件生成需要的二维码。

    插件名: Jquery-qrcode

    Github: https://github.com/jeromeetienne/jquery-qrcode

    使用方法:

    • 1.在页面 body 里面引用插件文件,注意文件引用顺序。
      <script type="text/javascript" src="src="jquery.qrcode.min.js""></script>

    • 2.在页面中添加显示二维码 dom
      <div class="share-qrcode"></div>

    • 3.网站功能文件中调用插件方法
      $(".share-qrcode").qrcode(
      render: "canvas",
      width: 100,
      height: 100,
      text: url
      );

    • 4.说明
      二维码显示可以配合 Jquery 事件来一起工作可以自定义二维码内容可以自定义二维码显示尺寸可以选择二维码渲染方式, canvas 或者 table

    • 5.缺点
      当二维码内容中含有中文时候,二维码生成比较复杂导致被微信或其他二维码扫码设备扫描效率不是很高所以后续需要解决扫码成功率不高的问题

    相关文章

      网友评论

          本文标题:JQuery生成二维码

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