微信小程序 实现图片自适应
<image src="/images/1.jpg" bindload="imageLoad"
style="width:{{imgwidth}}rpx; height:{{imgheight }}rpx;"></image>

imageLoad: function (e) {
var _this = this;
var $width = e.detail.width, //获取图片真实宽度
$height = e.detail.height,
ratio = $width / $height; //图片的真实宽高比例
var viewWidth = 800, //设置图片显示宽度,
viewHeight = 800 / ratio; //计算的高度值
this.setData({
imgwidth: viewWidth,
imgheight: viewHeight
})
}
阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

微信小程序 实现图片自适应

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭