2 pageEncoding="UTF-8"%>
3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/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>