二维码的显示问题及应用

cisxw

我在演示所提供的组件案例BLOB中，没有产生相应的二维码图像（条形码倒是产生正常）。
不知道原因，请帮忙解决。

BlobImage的属性没有任何修改过。
同时询问下，不知道能否提供QR二维码的案例与否？

fengwei

仅仅前台展示二维码的话，推荐使用js插件。具体的做法是引入jquery.qrcode.js和qrcode.js然后编程。

1. mainActivity.model1Load = function(event) {
   
2.         $('#qrcodeCanvas').qrcode({
   
3.                 text : "hello world"//含有中文的内容需要转码 utf16to8("你好")
   
4. 
   
5.         });
   
6. //中文转码
   
7. function utf16to8(str) {
   
8.         var out, i, len, c;
   
9.         out = "";
   
10.         len = str.length;
    
11.         for (i = 0; i < len; i++) {
    
12.                 c = str.charCodeAt(i);
    
13.                 if ((c >= 0x0001) && (c <= 0x007F)) {
    
14.                         out += str.charAt(i);
    
15.                 } else if (c > 0x07FF) {
    
16.                         out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
    
17.                         out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));
    
18.                         out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
    
19.                 } else {
    
20.                         out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));
    
21.                         out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
    
22.                 }
    
23.         }
    
24.         return out;
    
25. }
    

复制代码

页面中需要放置一个div标签 id=qrcodeCanvas

cisxw

fengwei 发表于 2014-2-19 15:13
仅仅前台展示二维码的话，推荐使用js插件。具体的做法是引入jquery.qrcode.js和qrcode.js然后编程。页面中 ...

谢谢，我研究下。

cisxw

我刚刚又修改了右侧的条形码属性，得到如下图片。

但是所生成的二维码在微信中的扫一扫中不可读取，不知道什么原因？
只好先试试楼上的方案试试看。

jishuang

参考http://bbs.justep.com/forum.php?mod=viewthread&tid=54297

cindy313

或许您可以试试这个qr code barcode image tool
要不就是打印二维码的时候没有调节正确