当前位置:   article > 正文

【微信小程序】根据屏幕尺寸去调整图片尺寸宽高比_微信小程序一张图片铺满这个屏幕,该图片的宽高比

微信小程序一张图片铺满这个屏幕,该图片的宽高比

1.获取图片的原始宽高,并获取到图片原始宽高的宽高比

  1. let src = "图片地址"
  2. wx.getImageInfo({
  3. src,
  4. success: function(res){
  5. let originalWidth = res.width;
  6. let originalHeight = res.height;
  7. let originalScale = parseInt(originalHeight/originalWidth);//图片高宽比
  8. }
  9. })

2.获取屏幕的宽高,并获取到屏幕宽高的宽高比

  1.         wx.getSystemInfo({
  2.             success: function (res) {
  3.               let windowWidth = res.windowWidth - 36 ;
  4.               let windowHeight = res.windowHeight;
  5.               let windowscale = parseInt(windowHeight/windowWidth);//屏幕高宽比
  6.             }
  7.         })

3.计算图片尺寸

  1. if(originalScale < windowscale){//图片高宽比小于屏幕高宽比
  2. //图片缩放后的宽为屏幕宽
  3. imageSize.imageWidth = parseInt(windowWidth);
  4. imageSize.imageHeight = parseInt((windowWidth * originalHeight) / o
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家小花儿/article/detail/675177
推荐阅读
相关标签
  

闽ICP备14008679号