uniapp小程序利用canvas生成卡片保存手机

1.创建canvas
			  <canvas  canvas-id="canvas-id"></canvas>
2.定义宽高
  canvas {
	   width: 600rpx;
	   height: 900rpx;
 }
3.计算屏幕比例（以750为例）
	const windowWidth = 750;
	const x= wx.getSystemInfoSync().windowWidth / windowWidth;
	const canvasWidth = 600 * x;
4. 封装获取图片方法
  	function getImageInfo(src) {//注意网络图片要在downloadFile合法域名配置域名
	    return new Promise(function(resolve, reject) {
	        wx.getImageInfo({
	            src,
	            success: resolve,
	            fail: reject
	        });
	    });
	}
5.创建画布
	onReady() {
		const ctx = wx.createCanvasContext('canvas-id');//创建canvas上下文
		Promise.all([getImageInfo(imgUrl)]).then(res=> {//获取图片的本地路径，支持获取多张
				ctx.drawImage(//先画第一张图片
							res[0],//图片链接
							20 * x,//离左边的距离
							20 * x,//离上面的距离
							560 * x,//宽度
							560 * x//高度
				);
				ctx.stroke();//每完成一次操作注意保存上下文
				ctx.fillText(//再写一段文字
				   str,
				   20 * x,
				   640 * x
				  );
				  ctx.stroke();
				  ctx.draw();//保存图片
		}）
	}

插入二维码
uniapp推荐
链接: [https://github.com/q310550690/uni-app-qrcode](https://github.com/q310550690/uni-app-qrcode)
可以生产带logo的二维码
import tkiQrcode from '../../components/qrcode.vue';
components: {			
	tkiQrcode
},
<tki-qrcode
	cid="qrcode1" :showLoading='false' :icon="icon" ref="qrcode" :val="val" :size="size" :unit="unit"  :iconSize="iconsize" :lv="lv" :onval="onval" :loadMake="loadMake" :usingComponents="true" @result="qrR"
></tki-qrcode>