uni-app 生成邀请二维码海报

uni-app 生成邀请二维码海报

效果图:

主要思路:

通过uniapp插件tki-qrcode生成二维码,canvas将背景图和二维码整合在一起

在二维码生成时,会出现很长时间的白屏时间,具体原因还在查找,暂定的解决方案,是在第一次生成后,将cavas转成base64位的img,保存到缓存中,下一次进来,如果缓存有数据,那么则直接拿缓存中的数据

主要代码:

<view class="post">
	<tki-qrcode ref="qrcode" :val="val" :size="200" background="#fff" foreground="#000" pdground="#000" :onval="true" :loadMake="true" @result="qrR" :show="false" ></tki-qrcode>
	<view class="wrapper" @longtap="downLoad" v-if="show">
        <canvas style="
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值