微信小程序尺寸设置可使用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购票小程序
我要评论
网友评论
评论时间：2024-04-27 01:27:02
一、通过简单的输入条件或参数来判断软件是否正确二、从输出结果看软件是否合格三、用鼠标点击软件上任何位置查看软件状态四、利用图形用户界面（GUI）界面显示软件当前状态五、通过键盘操作软件各个键六、利用键盘记录数据七、通过浏览器访问软件八、利用Wor培训机构app开发推广 d打开软件九、通过电子邮件发送软件信息十、利用FTP连接网络十一、通过互联网获取软件信息十二、利用邮件方式下载软件安卓app开发书籍推荐 二、利用邮件方式下载软件
回复
评论时间：2023-10-10 06:54:01
（2）数据记录模块：将需要平台app开发与自己开发的区别 存储的对象写入到内存中；（3)文件管理器：负责收集并分类所有手机功能app制作 管理器：负责收集并分类所有可供编辑的数据项
回复