微信小程序点击按钮弹窗生成二维码图片+长按识别

框架：uni-app

库：Painter 

ui框架：uView 1.X

温馨提示请长按识别二维码跳转公众号或长按保存图片并通过微信扫码领取

 u-modal 为uView弹窗，弹窗内容显示生成的二维码图片

引入Painter组件（需事先下载库到components）

import lPainter from '@/packageA/components/ape-painter/painter.vue';components: {lPainter
},

draw(obj) {this.base = {width: '280rpx',height: '280rpx',background: '#fff',//画布背景色views: [{type: 'qrcode',content: obj.body,css: {width: "280rpx",height: "280rpx",top: "0px",left: "0px",rotate: "0",borderRadius: ""}}]}},

获取数据后，调用this.draw()方法，绘制canvas，这里使用的painter内置的生成二维码qrcode，

onImgOK(e){this.receiveSrc = e.detail.path},

绘制成功后，onImgOk回调中获取生成图片地址

u-image组件中绑定receiveSrc，并开启show-menu-by-longpress长按识别

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