专注连锁门店会员营销管理系统
线上+线下+进销存+收银+会员微信小程序canvas尺寸的设置方法教程
2020-09-27 作者：黄珊
微信小程序尺寸设置可使用rpx来标记尺寸，类同rem可在微信小程序中自适应兼容换算不同的机型尺寸。
但在小程序canvas中，尺寸换算会无效（由于绘画的滞后），因此需要自适应计算canvas尺寸。
一.解决方案
使用小程序提供的getSystemInfo可以获取当前设备的系统信息，通过获取当前的设备尺寸，来换算所需要设置的canvas尺寸，从而使得canvas绘图可以适用于所有设备。
wx.getSystemInfo(OBJECT)
示例代码：
-
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 -
} -
})
更多小程序资讯，尽在：www.hishop.com.cn/xiaocx/
线上+线下+进销存+收银+会员门店零售管理好帮手
-
极速收银管理
门店能实现快速收银，提升门店经营效率。
-
进销存管理
系统自带进销存管理，更好管理库存销售。
-
软硬件一体化
配备收银硬件一站式整体服务。
收 银 会员管理 库存管理 商品管理 交接班 数据报表 营销促单 售后处理 多种收款
获取报价推荐文章
-
微信小程序怎么添加商户,商户入驻小程序流程
微信小程序能够很好连接线下商户与用户之间的关系，并将线上用户有效引流到线下门店，那么对于商户来说，需要如何添加...
-
微信支付将开放智能发券新功能——朋友圈可以
如何获得好的运营效益，是微信支付团队和商户共同关心的“商业秘籍”。 在刚刚结束的2018年微信支付成长计划服务商大会...
-
微信小程序功能直达正式开放 怎么开通
在微信，如何让用户更便捷地找到你的服务？一搜即可。 今天， 微信“功能直达” 正式开放 ，商家与用户的距离可以更“...
-
小程序跳转小程序规则修改
针对部分小程序跳转中暴露出的问题，微信表示将弥补小程序跳转上的缺陷，调整相关规则。具体措施如下：...
-
长沙小程序制作公司哪家好百科
长沙小程序制作公司选择指南 在数字化浪潮中，小程序已成为企业拓展业务、提升用户体验的重要工具。对于长沙的企业和...
-
长沙小程序价格百科
长沙小程序价格百科 在长沙，小程序开发价格因多种因素而有所不同。接下来，我们将从功能需求、开发模式、设计要求这...
-
长沙小程序开发制作公司百科
长沙小程序开发制作公司全知道 在数字化浪潮中，小程序已成为企业拓展业务、提升用户体验的关键工具。长沙作为互联网...
-
长沙小程序制作公司哪家好价格百科
1. 长沙小程序制作公司哪家好价格便宜 在长沙，想找价格便宜且靠谱的小程序制作公司，需先了解小程序开发模式。模板类...
-
长沙小程序制作开发百科
长沙小程序制作开发百科 在数字化浪潮中，长沙的企业与商家纷纷将目光投向小程序制作开发，期望借此拓展业务、提升用...
-
长沙微信小程序定制制作公司百科
长沙微信小程序定制制作公司相关介绍 在数字化浪潮中，微信小程序已成为企业拓展业务、提升用户体验的重要工具。长沙...
长沙总部热线
4006-089-731
北京公司
4006-601-982
深圳公司
4008-400-198
一对一咨询
