首先是官方文檔信息:
Object wx.getMenuButtonBoundingClientRect()
基礎庫 2.1.0 開始支持,低版本需做兼容處理。
獲取菜單按鈕(右上角膠囊按鈕)的佈局位置信息。座標信息以屏幕左上角爲原點。
返回值
Object
菜單按鈕的佈局位置信息
屬性 | 類型 | 說明 |
---|---|---|
width | number | 寬度,單位:px |
height | number | 高度,單位:px |
top | number | 上邊界座標,單位:px |
right | number | 右邊界座標,單位:px |
bottom | number | 下邊界座標,單位:px |
left | number | 左邊界座標,單位:px |
要注意的tip
1、座標信息是以屏幕左上角爲原點,也就是說返回值中的信息:
top:按鈕上邊界到屏幕上邊的距離。
right:按鈕右邊界到屏幕左邊的距離。
bottom:按鈕下邊界到屏幕上邊的距離。
left:按鈕左邊界到屏幕左邊的距離。
2、我們也可以簡單的得出下面結論:
width = right - left;
height = bottom - top;
3、下面就是要把獲得的座標轉換成遊戲中的座標。
思路是將我們上面得到的座標按照屏幕和遊戲的適配比進行轉換就好,並不需要用到轉換座標系。
4、代碼
let data = wx.getMenuButtonBoundingClientRect();
data.left即可得到座標。
有想到的再補充,歡迎指出錯誤和探討。