用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 实战教程 查看内容

浅谈微信小程序获取图片原始的宽度和高度

Rolan 2020-11-27 09:52

我们如何在微信小程序中获取一张图片的原始宽度和高度呢?原来微信小程序 image 组件提供了这样的能力,那这又有什么应用场景呢?

前言

我们如何在微信小程序中获取一张图片的原始宽度和高度呢?原来微信小程序 image 组件提供了这样的能力,那这又有什么应用场景呢?

官方文档

wxml

	
复制代码

js

onImgLoad: function (e) {
  const { width, height } = e.detail;
},
复制代码

有什么应用场景呢

实时计算图片高度和宽度保证图片不失真

  // 如果宽度固定是340rpx 那么高度就应该这么计算
  onImgLoad: function (e) {
      const { width, height } = e.detail;
      this.setData({
        w: 340 + 'rpx',
        h: (340 * height / width) + 'rpx'
      });
    },
鲜花
鲜花
鸡蛋
鸡蛋
分享至 : QQ空间
收藏