uniapp网页生成二维码并转化为图片

点击分享弹框

资源来自：https://github.com/yingye/weapp-qrcode#readme

分享
长按二维码保存取消

分享弹框样式

生成二维码js// 二维码

来源：https://github.com/yingye/weapp-qrcode#readme
            

couponQrCode() {let local = location.href;drawQrcode({width: 200,height: 200,canvasId: 'couponQrcode',// ctx: wx.createCanvasContext('myQrcode'),// text: 'www.baidu.com',text: local,// v1.0.0+版本支持在二维码上绘制图片image: {imageResource: '../../static/indeximg/codeLogo.png',dx: 70,dy: 70,dWidth: 60,dHeight: 60},})},canvas画布转化为img jquery$(function() {//定义方法function canvasToImage(canvas) {var image = new Image();// 指定格式 PNG 图片后缀可自定义image.src = canvas.toDataURL("image/png");image.style.width = "200px";return image;}//找到需要转换的canvasvar mycanvas1 = document.getElementsByTagName('canvas')[0];//进行方法转换var image = canvasToImage(mycanvas1);//将转换后的img标签插入到显示容器中$('#erweimaImg').append(image);$('#canvas').addClass("canvasNone");})

效果图：

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！