微信小程序動(dòng)畫中如何將rpx轉(zhuǎn)化px

1、需要借助的API:wx.getSystemInfoSync();

通過API可獲取的值:

// 在 iPhone6 下運(yùn)行:

var systemInfo = wx.getSystemInfoSync();
console.log(systemInfo.windowWidth); // 輸出 375(單位 px)
 
// 在 iPhone6 Plus 下:
var systemInfo = wx.getSystemInfoSync();
console.log(systemInfo.windowWidth); // 輸出 414 (單位 px)

2、px與rpx之間轉(zhuǎn)換的公式:px = rpx / 750 * wx.getSystemInfoSync().windowWidth;

動(dòng)畫中如何使用:

//假設(shè)我想向右平移300rpx,動(dòng)畫代碼如下:
this.animation.translateX(300 / 750 * systemInfo.windowWidth).step()

這樣在所有機(jī)型上都可以進(jìn)行適配。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容