这种生成图片的效果是很常见的实现起来也不难，跟原生js的差不多需要注意的就是canvas标签上不要加太多的css，后果呢就是导致canvas不显示还有呢就是canvas组件的优先级是最高的，所以会覆盖掉下面的所有内容解决方法呢就是使用：

使用上面这两个组件是可以盖在canvas上面的。

注意：canvas绘制不支持网络图片需要将网絡图片保存成本地图片

 //检测，网络图片是否下载完成
 //将用户头像下载为本地路径
 //获取设备的基本信息
 

 因为我的项目需要我上面做个很多判断，那些东西不需要管重点就是，绘制图片drawimage方法 和绘制文字的方法
 
 

 我的绘制方法是让他们根据canvas上的一个坐标点居中绘制的，这个可鉯看一下
 
 

 还有就是，生成图片的尺寸要比画的尺寸大一倍这样图片不会失真，比较清楚也就是这个方法：