js生成二维码，并在二维码中添加小图片

最近有个需求，要求每个网页对应一个二维码，搞了几天终于有点眉目了。

留个笔记：

1、首先在页面中加入jquery库文件和qrcode插件

下载地址：https://github.com/jeromeetienne/jquery-qrcode这个都是源码，很容易找到。

我是把jquery.qrcode.js名字改了一下改成 qrcode_jq.js。

 

2、在页面中需要显示二维码的地方加入以下代码：

说明： qrCodeIco是放在二维码中间的小图片，style设置为display: none不然会出问题。

 

3、调用qrcode插件

$('#erweima').qrcode("http://www.baidu.com");
$("#erweima canvas")[0].getContext('2d').drawImage($("#qrCodeIco")[0], 100, 100, 65, 65);
// 100, 100, 65, 65分别是X位置(一般取二维码宽*0.4)，Y位置(一般取二维码高*0.4)，小图片宽度，小图片高度

 

4、最终效果图