上次說(shuō)到了js生成二維碼，但是是div格式的二維碼，是不能長(zhǎng)按另存為的，今天主要說(shuō)圖片格式的二維碼。

一、直接把這兩腳本復(fù)制過(guò)去就行了，這是在線腳本：

<script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>

二、html代碼

第一個(gè)div就是我們生成的 二維碼  ，然后js 轉(zhuǎn)為img格式，  賦值給下面div的 html屬性

三、JS代碼，直接扣過(guò)去就行了

//容器生成二維碼
var url = "" + url + "/Index?mCode=" + code + "";     // 二維碼鏈接
jQuery('.box').qrcode({
render: "canvas",
text: url
});

//把canvas容器轉(zhuǎn)為img
function convertCanvasToImage(canvas) {
//新Image對(duì)象，可以理解為DOM
var image = new Image();
// canvas.toDataURL 返回的是一串Base64編碼的URL
// 指定格式 PNG
image.src = canvas.toDataURL("image/png");
return image;
}

//獲取頁(yè)面上的canvas對(duì)象
var MYcanvas = $('canvas')[0];
//調(diào)用convertCanvasToImage()方法把canvas轉(zhuǎn)為img格式
var img = convertCanvasToImage(MYcanvas);
//將img插入第二個(gè)容器中
$(".erweimaImg").append(img);                    //   插入到這個(gè)容器里面，$(".erweimaImg")