小程序 Canvas 绘制带用户头像的二维码

初入前端小白,有错误请各位大佬包含指点。

1.在canvas中 尺寸不能自动转rpx适应宽度,需要自己手动计算一下

 

 

 2.通过后端接口拿到二维码的图片的路径和在保存用户信息的地方拿到用户头像信息路径。

 

3.创建画笔,将图片资源通过wx.getImageInfo()进行获取(从2.9.0基础库开始,wx.createCanvasContext停止维护)

 

 

 

 

4.进行绘制,先绘制大的背景

 

 

5.进行圆形裁剪

 

 

 6.绘制logo

 

7.结束当前裁剪

 

 

 

 

posted @ 2021-07-13 14:17  GuHo  阅读(346)  评论(0)    收藏  举报