jquery.qrcode.min.js生成二维码长按不识别问题

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/love_fish_dream/article/details/80164336

引入两个文件

<script type="text/javascript" src="<%=basePath %>resource/js/jquery-1.11.1.min.js"></script>

<script type="text/javascript" src="<%=basePath %>resource/js/jquery.qrcode.min.js"></script>

html代码：

<div id="qrDiv" class="btn" style="display:none"></div>
 <div class="btn" id="imagQrDiv">
 </div>

js代码：

/**/
 $("#qrDiv").qrcode({ 
            width: 120, //宽度 
            height:120, //高度 
            text: "http://192.168.0.114:8020/java%20static/dataList/examples/verifyCode.html?__hbt=1525175256761" //任意内容 
   });


//从 canvas 提取图片 image
function convertCanvasToImage(canvas) {
    //新Image对象，可以理解为DOM
    var image = new Image();
    // canvas.toDataURL 返回的是一串Base64编码的URL，当然,浏览器自己肯定支持
    // 指定格式 PNG
    image.src = canvas.toDataURL("image/png");
    return image;
}


//获取网页中的canvas对象


var mycanvas1=document.getElementsByTagName('canvas')[0];


//将转换后的img标签插入到html中


var img=convertCanvasToImage(mycanvas1);


 $('#imagQrDiv').append(img);//imagQrDiv表示你要插入的容器id