uni.previewImage设置图片比例4:3
时间: 2023-11-24 07:33:34 浏览: 113
调整图片尺寸
可以使用以下代码设置图片比例为4:3:
```javascript
uni.previewImage({
urls: ['https://example.com/image.jpg'],
longPressActions: {
itemList: ['发送给朋友', '保存图片', '收藏'],
},
success: function () {
uni.getSystemInfo({
success: function (res) {
let windowWidth = res.windowWidth;
let windowHeight = res.windowHeight;
let ratio = 4 / 3; // 图片宽高比
let imageWidth = windowWidth;
let imageHeight = windowWidth / ratio;
if (imageHeight > windowHeight) {
imageHeight = windowHeight;
imageWidth = windowHeight * ratio;
}
uni.pageScrollTo({
scrollTop: 0,
});
uni.createSelectorQuery().select('#image').boundingClientRect(function (rect) {
let top = rect.top;
let left = rect.left;
uni.previewImage({
urls: ['https://example.com/image.jpg'],
current: 0,
success: function () {
uni.pageScrollTo({
scrollTop: top,
duration: 300,
});
},
});
}).exec();
},
});
},
});
```
其中,`ratio` 表示图片的宽高比,`imageWidth` 和 `imageHeight` 表示图片的宽度和高度,`uni.createSelectorQuery().select('#image').boundingClientRect(function (rect) {...})` 用于获取图片的位置信息,`uni.pageScrollTo({ scrollTop: top, duration: 300 })` 用于滚动到图片位置。
阅读全文