wex5生成二维码名片

cin

目前网上提供的例子没有一个完整的，只好自己拼凑了一下，分享给大家。简要描述如下：
1、使用qrcode.js，项目源码作者开源放在git上，地址：https://github.com/jeromeetienne/jquery-qrcode
2、此js需要进行一些小扩展（
①js默认提供了两种生成方式，table和canvas，而这两种方式在微信中无法通过长按识别二维码，需要将canvas转换为img
②为了美观，需要在二维码中间添加一个头像
）
最终效果见附图：
点击按钮，把canvas中的内容转换为img，替换下面的头像
具体实现见源码吧。
有问题可以回复此贴，我会一一回复。
wex5版直接见3楼

liangyongfei

赞一个！！顶！！！顶！！！顶！！！

cin

恩，对之前的代码做了些封装，这样调用起来更加干净，简单：
html部分
<div xid="qrcode" />  

js部分
Model.prototype.modelLoad = function(event) {
                // 初始化               
                var q= this.getElementByXid('qrcode');               
                $(q).qrcode({
                        render : "img", //渲染方式
                        text : "http://192.168.90.25:8020/qrcodetest/index.html", //url地址
                        height : 250,
                        width : 250,
                        src : 'img/head.png' //头像地址
                });
        };

负暄

顶。这个真的好！

cc_day

顶一下

cc_day

引入这两个js加载出错，运行demo也是这个错误

cc_day

cc_day 发表于 2016-5-26 19:18
引入这两个js加载出错，运行demo也是这个错误

乌龙

cc_day

当改变二维码大小，头像图片不居中了。怎么改变头像图片大小

cc_day

cc_day 发表于 2016-5-26 21:07
当改变二维码大小，头像图片不居中了。怎么改变头像图片大小

找到了

cin

cc_day 发表于 2016-5-26 21:16
找到了

恩,这块的参数没有暴露出来，你可以自己把这两个参数暴露出来，放在外部设置中