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="