- index.wxml
<!--图片宽高大于屏幕宽高-->
<image style="width: {{imagewidth}}px; height: {{imageheight}}px;" src="{{imageSrc}}" bindload="imageLoad"></image>
- index.js
<!--图片宽高大于屏幕宽高-->
Page({
data: {
imageSrc: 'http://bpic.588ku.com/back_pic/00/03/85/1656205138bbe2d.png',
imagewidth: 0,
imageheight: 0,
},
onLoad: function () {
},
imageLoad: function (e) {
var imageSize = this.imageUtil(e)
this.setData({
imagewidth: imageSize.imageWidth,
imageheight: imageSize.imageHeight
})
},
imageUtil: function (e) {
var imageSize = {};
var originalWidth = e.detail.width;
var originalHeight = e.detail.height;
var originalScale = originalHeight/originalWidth;
wx.getSystemInfo({
success: function (res) {
var windowWidth = res.windowWidth;
var windowHeight = res.windowHeight;
var windowscale = windowHeight/windowWidth;
if (originalScale < windowscale) {
imageSize.imageWidth = windowWidth;
imageSize.imageHeight = (windowWidth * originalHeight) / originalWidth;
} else {
imageSize.imageHeight = windowHeight;
imageSize.imageWidth = (windowHeight * originalWidth) / originalHeight;
}
}
})
return imageSize;
}
})