jquery.qrcode.js生成二维码和logo居中的图片可扫码和保存为图片

最新推荐文章于 2024-07-30 15:00:49 发布

荒--

最新推荐文章于 2024-07-30 15:00:49 发布

阅读量1.4k

点赞数 1

分类专栏：插件

本文链接：https://blog.csdn.net/wangqing84411433/article/details/107467884

版权

插件专栏收录该内容

14 篇文章 41 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍如何在客户端使用jquery.qrcode.js插件生成二维码并添加Logo，以减少服务器资源消耗。通过修改源文件支持中文和Logo显示，Logo会自适应大小，且保存为一张完整图片。同时提供utf.js用于中文转码。示例代码和相关资源可从提供的百度网盘链接获取。

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

本案例是在客户端生成二维码，若用服务器端生成的话就会很消耗资源，在客户端则能有效减少带宽，以及维护成本

插件使用：qrcode.js ，但是官网上的 qrcode.js 文件里没有实现中文的支持和LOGO的添加，所以要修改源文件

修改后的源文件支持二维码的生成和中间图片LOGO的显示，会自动根据图片大小缩放LOGO，并且右键保存是一张图

此外还需要一个对中文进行转码的文件，该文件为utf.js。然后在jquery.qrcode.js 文件中调用了utf.js 文件的 utf16to8(str)方法对其中文进行了转码

前端页面HTML如下

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>生成专属二维码</title>
  <meta name="renderer" content="webkit"/>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minim