canvas绘制海报分享，海报中设置圆角二维码

canvas绘制海报分享，海报中设置圆角二维码，背景图，动态的文字，绘制完成以后保存为图片，可长按分享海报图片。

下面看看效果图：（假设教师的图片是二维码）

 这其中，背景图元素，还有教师的图片（假设是二维码），还有邀请关注0/5，这些元素都是通过画布实现的，实现代码：

图片请替换成自己的，canvas的宽高设置成背景图的宽高，这样就不会变形了，找位置的话，推荐把原图上传到蓝湖，可以精准得到元素的定位，从而实现绘画，

本文主要的难点是把图片绘画成圆角，实现思路是先画线，然后根据画的矩形进行裁剪图片，通过设置了几个变量方便使用和理解。

<template>
	<view class="page">
		<canvas style="" canvas-id="myCanvas" id="myCanvas"></canvas>
		<view class="container">
			<image :src="tempFilePath" mode="widthFix"></image>
		</view>
	</view>
</template>

<script&