在前端页面生成二维码并下载（兼容IE）

做项目的过程中遇到一个需求：把每个果树都生成一个对应的二维码，然后点击下载。

---

大致的思路是：用canvas画出二维码，然后把二维码转换成base64图片，然后点击下载……（这个过程中IE的兼容有点儿折磨人……）

---

1、先写HTML结构：

---

 <div id="qrcodebox">

     <div id="qrcode"></div>//画二维码的地方

     <a id="download"></a>//点击下载按钮后给a标签添加href属性并立即click()调用点击下载

     <button id="save">点击下载</button>

</div>

---

2、再写相应的js

---

在写之前记得先引入qrcode.min.js

//实例化一个二维码

var qrcode = new QRCode(document.getElementById("qrcode"),{

text:'http://www.……'+fruitid,//此行为扫描二维码之后跳转的网址

width:128,//生成的二维码宽度

height:128,//生成的二维码高度

colorDark:"#000000",//生成二维码的深色部分

colorLight:"#ffffff".//生成二维码的浅色部分

correctLevel:QRCode.CorrectLevel.H

});

---

//判断浏览器类型</