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

<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
})
}
阅读更多
上一篇微信小程序购物车功能实现
下一篇vue项目本地实现手机预览
想对作者说点什么? 我来说一句

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

关闭
关闭
关闭