开放域的适配

作者: 何永峰；
标签: 微信小游戏，开放域适配

回顾

做法

我们从主域传宽高值过去开放域
然后在开放域进行处理
我的做法是

        let openDataContext;
        if (wx.getSystemInfoSync().screenWidth * wx.getSystemInfoSync().pixelRatio < 750) {
            openDataContext = WxKit.linkOpenData({}, 750, 1334, response);
        } else {
            openDataContext = WxKit.linkOpenData({}, wx.getSystemInfoSync().screenWidth * wx.getSystemInfoSync().pixelRatio, wx.getSystemInfoSync().screenHeight * wx.getSystemInfoSync().pixelRatio, response);
        }

当屏幕宽小于750的时候，我默认它为750宽。因为我们设计稿一开始就定死主要内容的宽高
然后我去开放域接收

if (sharedCanvas.width<750){//sharedCanvas.width是开放域的宽
      rem = sharedCanvas.width / 750;
    }else{
      rem = 1;
    }

这里我用了对应操作，用rem做适配，只要把对应的倍数缩小回来。就可以正常显示开放域

没有适配的情况

主域

openDataContext = WxKit.linkOpenData({}, 750, 1334, response);

开放域

rem = sharedCanvas.width

I5

I6

IX

注意

1、这里贴的只是部分代码，并不能复制粘贴直接使用
2、只提供想法，不提供代码