小程序canvas尺寸設(shè)置

　　微信小程序尺寸設(shè)置可使用rpx來標(biāo)記尺寸，類同rem可在微信小程序中自適應(yīng)兼容換算不同的機(jī)型尺寸。

　　但在小程序canvas中，尺寸換算會無效(由于繪畫的滯后)，因此需要自適應(yīng)計(jì)算canvas尺寸。

　　一.解決方案

　　使用小程序提供的getSystemInfo可以獲取當(dāng)前設(shè)備的系統(tǒng)信息，通過獲取當(dāng)前的設(shè)備尺寸，來換算所需要設(shè)置的canvas尺寸，從而使得canvas繪圖可以適用于所有設(shè)備。

　　wx.getSystemInfo(OBJECT)

　　獲取系統(tǒng)信息。

　　OBJECT參數(shù)說明：

　　success回調(diào)參數(shù)說明：

　　示例代碼：

　　wx.getSystemInfo({

　　success: function(res) {

　　console.log(res.model)

　　console.log(res.pixelRatio)

　　console.log(res.windowWidth)

　　console.log(res.windowHeight)

　　console.log(res.language)

　　console.log(res.version)

　　console.log(res.platform)

　　}

　　})

　　二.計(jì)算示例

　　獲取當(dāng)前窗口寬、高以動(dòng)態(tài)換算需要的canvas尺寸

　　wx.getSystemInfo({

　　//獲取系統(tǒng)信息成功，將系統(tǒng)窗口的寬高賦給頁面的寬高

　　success: function (res) {

　　that.width = res.windowWidth

　　that.height = res.windowHeight

　　that.radius = 105 / 602 * that.height

　　}

　　})


最新小程序推薦：

鐵路12306火車票小程序

鐵友12306火車票搶票小程序

智行火車票12306購票小程序