js 生成二维码 ,（图片格式的，可以长按试别，保存）

上次说到了 js生成二维码， 但是是div格式的二维码。  是不能长按试别的。  
今天主要说  图片格式的二维码。

 

一，直接把这两脚本复制过去就行了   ，这是在线脚本

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

 

 

二html  代码

第一个div就是我们生成的 二维码  ，然后js 转为img格式，  赋值给下面div的 html属性

 

 

三. JS代码   直接扣过去就行了

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

 

//把canvas容器转为img
function convertCanvasToImage(canvas) {
//新Image对象，可以理解为DOM
var image = new Image();
// canvas.toDataURL 返回的是一串Base64编码的URL
// 指定格式 PNG
image.src = canvas.toDataURL("image/png");
return image;
}

 

//获取页面上的canvas对象
var MYcanvas = $('canvas')[0];
//调用convertCanvasToImage()方法把canvas转为img格式
var img = convertCanvasToImage(MYcanvas);
//将img插入第二个容器中
$(".erweimaImg").append(img);                    //   插入到这个容器里面，$(".erweimaImg")