总结
canvas的drawImage方法只支持本地图片，不支持网络图片，所以头像和背景图我都用getImageInfo这个方法转了一下。
通过userInfo获取的头像是正方形的，不是需求中的圆形，这里用到了clip()方法，需要配合save()和restore(),因为裁剪之后如果不恢复，接下来的绘制都会在那个小区域里面。
此次demo没有使用生成二维码的api，有兴趣的朋友们可以搞一下。此处是链接
推荐教程：《JS教程》
以上就是微信小程序-canvas生成图片并保存到本地的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
如何用canvas绘制矩形？canvas画矩形的两种方法介绍
html5 canvas api中drawimage()方法的使用代码实例分享（图）
更多相关阅读请进入《canvas》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
