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工作流
一只黑色章鱼ComfyUI工作流
一条色彩斑斓的超现实小孔雀鱼ComfyUI工作流
红伞伞蓝杆杆云南蘑菇群ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

SVG路径动画效果
做一个好玩的时钟翻牌效果
黑客入侵效果代码
会议人员60s签到倒计时插件
3d空间行走效果
如何利用svg做一个有趣的loading动画加载
用svg画出游泳池动画效果
用ascii字符画图像










