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

框架：uni-app

库：Painter

ui框架：uView 1.X

<u-modal class="show-close" v-model="showClose" :title="title" :confirm-style="confirmStyle" confirm-text="确认" @confirm="confirmClose"><view class="slot-content"><view class="tit">温馨提示</view><view class="con">请长按识别二维码跳转公众号或长按保存图片并通过微信扫码领取</view><view class="img"><u-image width="280rpx" height="280rpx" :src="receiveSrc" :fade="true" duration="450" show-menu-by-longpress><u-loading slot="error"></u-loading><u-loading slot="loading"></u-loading></u-image></view></view></u-modal><lPainter customStyle='position: absolute; left: -9999rpx;' :palette="base" @imgOK="onImgOK" />

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长按识别

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

获取其他人微信小程序的任意路径以及生成二维码
如果想要获取别人的小程序页面路径和参数,也不是没有办法,我们只需要通过小程序平台提供的工具就可以简单的获取得到. 当然,前提是获取到目标小程序的APPID,这个应该很简单,没必要在这里阐述. 第一步, ...
微信内置浏览器动态生成二维码并长按识别
现如今围绕微信生态相关开发已经非常常见,本期带来如何通过 qrcode.js 实现微信内置浏览器动态生成二维码并能够长按识别以及通过 html2canvas 生成图片并长按保存说几个知识点微信 ...
微信小程序学习之路——API获取二维码
获取二维码通过后台接口可以获取小程序任意页面的二维码,扫描该二维码可以直接进入小程序对应的页面. 可以使用开发工具 1.02.1803130 及以后版本通过二维码编译功能调试所获得的二维码为满足不 ...
JAVA支付宝小程序授权登陆，并生成二维码（证书方式）
接入准备 https://opendocs.alipay.com/open/284/106001?ref=api 根据文档进行创建小程序.配置相关信息(接口加签方式选择证书) 生成二维码文档https ...
点击按钮，下载二维码图片
const img = new Image();img.setAttribute('crossOrigin', 'anonymous');img.onload = () => {const ca ...
微信小程序点击按钮分享指定页面
微信小程序点击按钮分享指定页面 1.在wxml里写所要点击的按钮 <button data-info='{{order}}' open-type="share" hover- ...
android 分享二维码图片到微信QQ（url地址字符串生成二维码图片、分享二维码图片到微信QQ）
主要用到的功能 1.url地址字符串生成二维码图片 2.分享二维码图片到微信QQ 所需的依赖包 implementation 'com.google.zxing:core:3.0.1' 代码 1.将U ...
C# 利用QRCode生成二维码图片
网上生成二维码的组件是真多,可是真正好用的,并且生成速度很快的没几个,QRCode就是我在众多中找到的,它的生成速度快.但是网上关于它的使用说明,真的太少了,大都是千篇一律的复制粘贴.这是本要用它做了 ...
使用Java生成二维码图片(亲测)
下面我来分享两种生成二维码图片的方法. 第一种,填入你扫描二维码要跳转的网址直接生成二维码第一步:导入相关的包 1 <dependency> 2 <groupId>com.g ...

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

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

最新文章

热门文章