总结
canvas
的drawImage
方法只支持本地图片,不支持网络图片,所以头像和背景图我都用getImageInfo
这个方法转了一下。
通过userInfo
获取的头像是正方形的,不是需求中的圆形,这里用到了clip()
方法,需要配合save()
和restore()
,因为裁剪之后如果不恢复,接下来的绘制都会在那个小区域里面。
此次demo
没有使用生成二维码的api,有兴趣的朋友们可以搞一下。此处是链接
推荐教程:《JS教程》
以上就是微信小程序-canvas生成图片并保存到本地的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
微信小程序api 绘图中使用setglobalalpha设置全局画笔透明度
更多相关阅读请进入《canvas》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者