小程序 canvas 分享到朋友圈

1. 获取用户设备信息，屏幕宽度

wx.getSystemInfo({

success: res => {

console.log(res);

that.setData({

screenWidth: res.screenWidth,

screenHeight: res.screenHeight,

});

}

});

2. 实现过程中要注意的点：

1、如果是请求网络图片的话，绘制图片的方法一定要写在请求的回调方法里面。

2、获取相册的授权scope.writePhotosAlbum /wx.saveImageToPhotosAlbum() 保存图片

3、如果发现绘制出来的图片很模糊，那一定是没有将deswidth和desheight乘2

4、找准每一个元素在画布上的坐标，切记文字的Y轴坐标是文字的最底下

5、wx.canvasToTempFilePath()生成图片