微信小程序尺寸设置可使用rpx来标记尺寸，，，，，类同rem可在微信小程序中自顺应兼容换算差别的机型尺寸。。。。。。

　　但在小程序canvas中，，，，，尺寸换算会无效(由于绘画的滞后)，，，，，因此需要自顺应盘算canvas尺寸。。。。。。

　　一.解决方案

　　使用小程序提供的getSystemInfo可以获取目今装备的系统信息，，，，，通过获取目今的装备尺寸，，，，，来换算所需要设置的canvas尺寸，，，，，从而使得canvas绘图可以适用于所有装备。。。。。。

　　wx.getSystemInfo(OBJECT)

　　获取系统信息。。。。。。

　　OBJECT参数说明：

　　success回调参数说明：

　　示例代码：

　　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)

　　}

　　})

　　二.盘算示例

　　获取目今窗口宽、高以动态换算需要的canvas尺寸

　　wx.getSystemInfo({

　　//获取系统信息乐成，，，，，将系统窗口的宽高赋给页面的宽高

　　success: function (res) {

　　that.width = res.windowWidth

　　that.height = res.windowHeight

　　that.radius = 105 / 602 * that.height

　　}

　　})


最新小程序推荐：

铁路12306火车票小程序

铁友12306火车票抢票小程序

智行火车票12306购票小程序