pp电子

登录
免费开通

微信小程序canvas尺寸的设置要领教程

微信小程序尺寸设置可使用rpx来标记尺寸,,,,,,类同rem可在微信小程序中自顺应兼容换算差别的机型尺寸。。
但在小程序canvas中,,,,,,尺寸换算会无效(由于绘画的滞后),,,,,,因此需要自顺应盘算canvas尺寸。。

一.解决方案

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

wx.getSystemInfo(OBJECT)

微信小程序canvas尺寸的设置要领教程

 

示例代码:


  1. wx.getSystemInfo({
  2. success: function(res) {
  3. console.log(res.model)
  4. console.log(res.pixelRatio)
  5. console.log(res.windowWidth)
  6. console.log(res.windowHeight)
  7. console.log(res.language)
  8. console.log(res.version)
  9. console.log(res.platform)
  10. }
  11. })

二.盘算示例

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


  1. wx.getSystemInfo({
  2. //获取系统信息乐成,,,,,,将系统窗口的宽高赋给页面的宽高
  3. success: function (res) {
  4. that.width = res.windowWidth
  5. that.height = res.windowHeight
  6. that.radius = 105 / 602 * that.height
  7. }
  8. })
小程序工具提供多类型商城/门店小程序制作,,,,,,可视化编辑 1秒天生5步上线。。通过拖拽、拼接模???榻峁剐〕绦蛏坛且趁妫,,,,,所看即所得,,,,,,只需要美工就能做出细腻商城。。

更多微信小程序相关资讯,,,,,,请前往:/miniprogramschool/


【本站声明】
  1、本站文章中所选用的图片及文字泉源于网络以及用户投稿,,,,,,由于未联系到知识产权人或未发明有关知识产权的挂号,,,,,,若有知识产权人并不肯意我们使用,,,,,,若是有侵权请连忙联系。。
  2、本网站差池文章中所涉及的内容真实性、准确性、可靠性认真,,,,,,仅系客观性形貌,,,,,,如您需要相识该类商品/服务详细的资讯,,,,,,请您直接与该类商品/服务的提供者联系。。


KESION pp电子软件

KESION pp电子软件是海内领先的在线教育软件及私域社交电商软件服务提供商,,,,,,恒久专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。。
公司焦点产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化自力安排品牌网校和在线教育咨询等。。

KESION 一直通过手艺立异,,,,,,提供产品和服务,,,,,,助力企业向数字化转型,,,,,,通过科技驱动商业刷新,,,,,,让商业变得更智慧!



▼点击进入pp电子官网相识更多



热门标签
微信小程序 SaaS
上/下篇
  • 微信小程序WXS模???榈氖褂孟杲

  • 微信小程序游戏开发Adapter,Adapter模???槭纠

换一换相关推荐
精选内容
热门精选
pp电子·模拟器(试玩游戏)官方网站 pp电子·模拟器(试玩游戏)官方网站 pp电子·模拟器(试玩游戏)官方网站
【网站地图】
微信小程序canvas尺寸的设置要领教程 - KESION