微信小遊戲獲得膠囊按鈕位置

首先是官方文檔信息:

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即可得到座標。

有想到的再補充,歡迎指出錯誤和探討。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章