微信小遊戲計算屏幕區域 wx.createUserInfoButton(Object object)

在開發微信小遊戲中，要將遊戲遊戲UI中的摸個按鈕映射到屏幕上（計算出按鈕在屏幕的rect）。

https://developers.weixin.qq.com/minigame/dev/api/open-api/user-info/wx.createUserInfoButton.html

wx.createUserInfoButton(Object object); 中 style 參數 left|top|width|heigth 如何獲取。
將遊戲UI中按鈕映射到手機屏幕中，獲取對應屏幕座標。參考如下代碼：

    /**
     * 將按鈕映射到手機屏幕，獲取到屏幕 rect
     * @param btn  需要被映射的按鈕
     * @param caNode 父節點（在cocos 裏面設置的 Canvas 寬高的父節點。)
     */
    public static GetBtnRankRect(btn: cc.Node, caNode: cc.Node) {
        // wx.getSystemInfo 的同步版本
        let sys = window["wx"].getSystemInfoSync();
        let rect = btn.getBoundingBoxToWorld();
        let ratio = cc.view.getDevicePixelRatio();
        let scale = cc.view.getScaleX();
        let factor = scale / ratio;

        let diffY = caNode.height - cc.view.getDesignResolutionSize().height;
        let left = rect.x * factor;
        let top = sys.screenHeight - (rect.y + rect.height) * factor - diffY / 2 * factor;
        let w = rect.width * factor;
        let h = rect.height * factor;

        // 手機屏幕 的區域 rect
        let srect = { left: left, top: top, w: w, h: h };
        return srect;
    }