jQuery.qrcode.js客户端⽣成⼆维码，⽀持中⽂并且可以⽣成
LOGO围棋棋盘有几个交叉点
石家庄旅游景点描述： jquery.qrcode.js 是⼀个能够在客户端⽣成矩阵⼆维码QRCode 的jquery插件，使⽤它可以很⽅便的在页⾯上⽣成⼆维条码。此插件是能够独⽴使⽤的，体积也⽐较⼩，使⽤gzip压缩后才不到4kb。因为它是直接在客户端⽣成的条码，所以不会有图⽚下载的过程，能够实现快速⽣成。它是基于⼀个多语⾔的类库封装的，也不依赖于其他额外的服务。
好处：使⽤jquery-qrcode的好处，不需要在服务器端⽣成多余的⼆维码图⽚，⼆维码直接通过JavaScript直接在客户端⽣成，有效减少带宽，以及维护成本。
⾸先⼤家可以看⼀下，官⽹上也有例⼦。但是官⽹的 jquery.qrcode.js是不⽀持中⽂的，废话不多说了，现在我们开始吧。
常德美食官⽹上的⽂件⾥没有实现中⽂的⽀持和LOGO的添加，现在我们将这个⽂件修改为jquery.qrcode.js⽂件了。此外还需要⼀个对中⽂进⾏转码的⽂件，该⽂件为 utf.js。然后在 jquery.qrcode.js ⽂件中调⽤了 utf.js ⽂件的 utf16to8(str) ⽅法对其中⽂进⾏了转码。
下⾯是我写的⼀个⽰例，该⽰例需要的js⽂件有和以及。还有⼀个可点击下载⽂件。
西安疫情最新动态
调⽤的jsp代码如下：
1 <%@ page language="java" contentType="text/html; charset=UTF-8"
2 pageEncoding="UTF-8"%>
3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/TR/html4/loose.dtd">
4 <html>
5 <head>
6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7 <title>该⼆维码⽀持中⽂和LOGO</title>
8
9 <script type="text/javascript" src="jquery-1.8.0.js"></script>
10 <script type="text/javascript" src="utf.js"></script>
11 <script type="text/javascript" src="jquery.qrcode.js"></script>
12 <script type="text/javascript">
13 $(document).ready(function() {
14 $("#qrcodeCanvas").qrcode({
15 render : "canvas", //设置渲染⽅式，有table和canvas，使⽤canvas⽅式渲染性能相对来说⽐较好
16 text : "这是修改了官⽂的js⽂件，此时⽣成的⼆维码⽀持中⽂和LOGO", //扫描⼆维码后显⽰的内容，可以直接填⼀个⽹址，扫描⼆维码后⾃动跳向该链接
17 width : "200", //⼆维码的宽度
18 height : "200", //⼆维码的⾼度
19 background : "#ffffff", //⼆维码的后景⾊
20 foreground : "#000000", //⼆维码的前景⾊
21 src: 'photo.jpg' //⼆维码中间的图⽚
22 });
笔记本散热哪个好23 });大学生自我总结
24 </script>
25
26 </head>
27 <body>
28 <center>
29 <h2>该⼆维码⽀持中⽂和LOGO</h2>
30 <div id="qrcodeCanvas"></div>
31 </center>
32 </body>
33 </html>
运⾏结果：
下⾯是⾃⼰做的⽰例源码，点击可下载源码。
版权声明：本⽂为博主原创⽂章，未经博主允许不得转载。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论