微信小程序使用canvas绘制图片的注意事项

1.单位换算问题,canvas的尺寸单位是px,所以单位需要做个换算,可以通过wx.getSystemInfo获取屏幕宽高(单位是px),微信小程序无论什么机型,屏幕宽度都是750rpx,因此可以做个rpx和px之间的单位换算,问题就解决了;

2.canvas不支持使用网络图片绘图,所以图片要么是本地的,如果不是固定的,那就要用wx.downloadFile下载后得到一个临时路径才行;

3.绘制完成后需要导出图片要在draw的回调中导出,否则可能会导出一张空白的图片;

posted @ 2019-03-20 12:15  静享华年  阅读(2927)  评论(0编辑  收藏  举报