HTML代码 <div class="QRcode-box"> <div id="QRcode"> <h3 id="qrcode" style="display: none;"></h3> <h3><img src="" id="qrcodeImg"></h3> <h4>微信长按识别二维码查看</h4> <h5>有效期至2020/09/26 11:00:00</h5> </div> <div class="share-type"> <a href="javascript:shareWx()"><img src="images/share1.png">分享到微信</a> <a href="javascript:saveAlbum()"><img src="images/share2.png">保存到相册</a> </div> </div>
//JS //链接生成二维码 var qrcode = $('#qrcode').qrcode({ width: 200, height: 200, text: "http://www.ipkd.com", }); //二维码转图片 var canvas = qrcode.find('canvas').get(0); var data = canvas.toDataURL('image/jpg'); $('#qrcodeImg').attr('src', data); //保存到相册 function saveAlbum() { html2canvas(QRcodeDownload, { onrendered: function(canvas) { //添加属性 canvas.setAttribute('id', 'thecanvas'); //读取属性值 // var value= canvas.getAttribute('id'); document.getElementById('images').innerHTML = ''; document.getElementById('images').appendChild(canvas); var oCanvas = document.getElementById("thecanvas"); /*自动保存为png*/ // 获取图片资源 var img_data1 = Canvas2Image.saveAsPNG(oCanvas, true).getAttribute('src'); saveFile(img_data1, '图片名称.png'); } }); // 保存文件函数 var saveFile = function(data, filename) { var save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a'); save_link.href = data; save_link.download = filename; var event = document.createEvent('MouseEvents'); event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); save_link.dispatchEvent(event); }; }
barcode条形码/qrcode二维码兼容所有浏览器(含ie6/ie7/ie8)
标签: 二维码
上面是“js将链接生成二维码并转为图片的方法(图片可以”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_113.html
workflows工作流
- 一位身穿金色铠甲的美丽女子守卫在寺庙外
- 一个威武雄壮的战士ComfyUI工作流
- 一朵由琥珀制成的孤独美丽的玫瑰
- 一个精致透明的朱红色水晶凤凰
- 小丑鱼马林在鱼缸里游来游去ComfyUI工作流
- 爱因斯坦在做实验3d动漫ComfyUI工作流
- 一只外星甲壳虫子ComfyUI工作流
- 一幅骨架坐在公园的长椅上
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!