小程序canvas 自适应单位

我们用小程序canvas 制作分享海报或者其他的绘图时传入的值都是px;
导致在不同手机中会发生位置的偏移问题；
这里就需要我们根据设计图的尺寸自己去做适配转化成px单位

  getRatio() {
    let w = 0;
    wx.getSystemInfo({
      success: function (res) {
        w = res.windowWidth / 375;//按照750的屏宽
      },
    })
    return w
  },

wx.getSystemInfo获取当前系统的参数 windowWidth 当前系统的可视窗口的宽度
比如我们设计图是按照750来设计的我们在绘制文本时：

   const ctx = wx.createCanvasContext('shareCanvas');
   var w =  this.getRatio();
   ctx.fillText('邀请你来一起参加活动，快来报名吧 ~', 160 / 2 * w, 230 / 2 * w);

ctx为画布返回值 在750设计画布时应 /2 在适配其他机型时乘于我们获取到的比例w
这样就做到适配不同屏幕手机的大小