17、image组件自适应大小

  1. Image组件显示图像,图片默认大小为320px*240px,假如要显示的图像宽度大于或小于320,都会被拉伸成320,使得图片变现。

例1:

例2:

  1. 可以设置mode="widthFix"来限定,缩放模式,宽度不变,高度自动变化,保持原图宽高比不变。即宽度是还是320,高度根据原图的宽高比来自动设定

  1. 对于图像宽度本身就小于320的图像显示,仍然会被拉伸到320

  1. 解决办法1:当图片载入完毕时触发的事件bindload中,获取图像宽度,把默认的320宽度设置成真实宽度。高度仍然用mode="widthFix"来自动转换

.wxml文件

<image show-menu-by-longpress src="{ {OrgImage}}"  mode="widthFix"

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值