jquery-qrcode生成二维码

qrcode.js 是实现二维码数据计算的核心类，

jquery.qrcode.js 是把它用jquery方式封装起来的，用它来实现图形渲染，其实就是画图（支持canvas和table两种方式）

方法的参数说明

  1. render   : "canvas",//设置渲染方式  
  2. width       : 256,     //设置宽度  
  3. height      : 256,     //设置高度  
  4. typeNumber  : -1,      //计算模式  
  5. correctLevel    : QRErrorCorrectLevel.H,//纠错等级  
  6. background      : "#ffffff",//背景颜色  
  7. foreground      : "#000000" //前景颜色  
  8. text     : "https://github.com/jeromeetienne/jquery-qrcode"  //设置二维码内容 

使用起来比较方便，简单。

关于中文的问题解决如下：

对于需要生成的文本信息进行编码。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function utf16to8(str) {
          var out, i, len, c;
          out = "";
          len = str.length;
          for (i = 0; i < len; i++) {
              c = str.charCodeAt(i);
              if ((c >= 0x0001) && (c <= 0x007F)) {
                  out += str.charAt(i);
              } else if (c > 0x07FF) {
                  out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
                  out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));
                  out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
              } else {
                  out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));
                  out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
              }
          }
          return out;
      }

　　

 

posted on   荣锋亮  阅读(370)  评论(1)  编辑  收藏  举报

编辑推荐：
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识（上）
· 浏览器原生「磁吸」效果！Anchor Positioning 锚点定位神器解析
· 没有源码，如何修改代码逻辑？
阅读排行：
· 全程不用写代码，我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· .NET10 - 预览版1新功能体验（一）

导航

< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示