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

2021-09-23 22:23:16 字數 860 閱讀 5854

首先是官方文件資訊:

基礎庫 2.1.0 開始支援,低版本需做相容處理。

獲取選單按鈕(右上角膠囊按鈕)的布局位置資訊。座標資訊以螢幕左上角為原點。

選單按鈕的布局位置資訊

屬性型別

說明width

number

寬度,單位:px

height

number

高度,單位:px

topnumber

上邊界座標,單位: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即可得到座標。

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

微信小遊戲解包

安裝夜神模擬器 並開啟root 找到目錄下的.wxapkg檔案,通過qq傳到pc上 由於訪問許可權問題,有可能會傳送失敗,這時候可以把.wxapkg壓縮成zip檔案再通過qq傳輸 安裝nodejs 安裝依賴 npm install esprima npm install css tree npm i...

微信小遊戲 flappy bird

1 單例模式實現 data類,director類實現,2 靜態方法實現 精靈類 3 es6物件導向,類本身是乙個函式,方法和屬性作為原型鏈的方法存在的。4 es5物件導向,es6物件導向 寄生組合繼承 functionperson name,age person.prototype.say func...

微信小遊戲2

建立畫布 const canvas wx.createcanvas 在 game.js 中輸入以上 並儲存 外鏈轉存失敗 img raz17njs 1564146105342 橫向居中 外鏈轉存失敗 img uk8ya6v8 1564146105344 context.fillrect canvas...