首先我们需要知道,小程序官方为了适配各类手机屏幕,推荐使用rpx单位进行绘图,而且在所有的机型上面,屏幕的宽度都是固定的750rpx,所以我们可以利用这个条件进行rpx-px之间的单位转换。
获取系统屏幕的宽度的方法:
wx.getSystemInfoSync().windowWidth //单位是(px)
举例:如果UI设计的是宽高都是150rpx的图片,那么换算成px就是:
150rpx/750*wx.getSystemInfoSync().windowWidth = 实际的px
如果是150px,那么换算成rpx就是:
150px/wx.getSystemInfoSync().windowWidth*750 = 实际的rpx
最终得到的公式就是:
px = rpx/750*wx.getSystemInfoSync().windowWidth*750
rpx = px/wx.getSystemInfoSync().windowWidth*750