源码之家

  • 首页
  • 文章
  • 问答
  • 下载
您的位置: 首页  >  文章  >  canvas画图适配不同手机屏幕 ( 微信小程序 )

canvas画图适配不同手机屏幕 ( 微信小程序 )

分类: 文章 • 2024-07-22 14:21:16

1、先是算出不同屏幕适配比例

  let unit = ''
  wx.getSystemInfo({
    success: function (res) {
       unit=res.windowWidth/375
    },
  })

2、在需要的地方,按照设计图给的尺寸写,然后所有的都乘unit,如图下

canvas画图适配不同手机屏幕 ( 微信小程序 )

相关推荐

  • 微信小程序 - 屏幕适配
  • 微信小程序(四)屏幕适配
  • iPhoneX安全区域(Safe Area)底部小黑条在微信小程序和H5的屏幕适配
  • 【微信小程序采坑】用微信Canvas导出的图片到手机上会出现图片模糊问题
  • 微信小程序canvas画图、文字、字体换行,以及保存图片到本地的坑
  • 微信小程序自定义二维码分享图--Canvas画图及注意事项
  • canvas画图适配不同手机屏幕 ( 微信小程序 )
  • 微信小程序,利用wx.createSelectorQuery动态设置swiper或者scroll-view的高度做手机适配
  • 微信小程序在不同设备下的屏幕适配(px和rpx换算)
  • 基于Taro + Dva构建的适配不同端(微信小程序、H5、React-Native 等)的时装衣橱
  • GDB - 简单易上手的新人教程
  • 微信小程序flex布局的基础使用
    网站免责声明 网站地图 最新文章 用户隐私 版权申明
本站所有数据收集于网络,如果侵犯到您的权益,请联系网站进行下架处理。   

Copyright © 2018-2021   Powered By 源码之家    备案号:   粤ICP备20058927号