小程序海报采坑

Posted on

小程序分享海报的一些技巧

  1. 文字错乱

    多次测试后发现，wx.canvasToTempFilePath()这个方法不只需要在ctx.draw回调中执行，还需要setTimeout一定时间才能保证保存的图片是自己程序预期的样子。

    （PS： 若已调用setTimeout仍有此问题，则说明设置时间太短了，当然，是针对出问题的手机…）

  1. rpx和px单位互转

    px转rpx

    1
    const px = rpx / 750 * wx.getSystemInfoSync().windowWidth;

    rpx转px

    1
    const rpx = px * 750 / wx.getSystemInfoSync().windowWidth;