小程序宿主环境-组件image

image

html 复制代码
<image></image>
<image src="/images/1.png" mode="aspectFit"></image>

image组件的model属性

image组件的model属性用来指定图片的裁剪和缩放模式,常用的model属性如下

scaletofill:(默认缩放模式),不保持原有图片的纵横比,使图片的宽高完全拉伸直至填满image元素

aspectFit 保持图片纵横比不变,使图片完全显示出来

aspectFill:保持纵横比例缩放图片,只保证图片的短边能完全显示出来

widthFix:宽度不变,高度自动变化,保持原图比例不变

heightFix:高度不变,宽度自动变化,保持原图比例不变

相关推荐
咸虾米2 分钟前
在uniCloud云对象内使用unipay的微信退款出现错误“uniPayCo.refund Error: token校验未通过”的解决方案
前端·后端
前端Hardy8 分钟前
HTML&CSS:产品卡片动画效果
前端·javascript
货拉拉技术14 分钟前
货拉拉开源:鸿蒙路由 TheRouter
android·前端·harmonyos
中杯可乐多加冰16 分钟前
工业4.0数字孪生新引擎:星图云开发者平台全景评测
前端·低代码·掘金·金石计划
云边小卖铺.22 分钟前
运行vue项目报错 errors and 0 warnings potentially fixable with the `--fix` option.
前端·javascript·vue.js
我是若尘24 分钟前
前端处理大量并发请求的实用技巧
前端
Lstmxx25 分钟前
Electron:使用数据流的形式加载本地视频
前端·electron·node.js
JunjunZ33 分钟前
unibest框架开发uniapp项目:兼容小程序问题
前端·vue.js
lyc23333335 分钟前
鸿蒙Next应用启动框架AppStartup:流程管理与性能优化🚀
前端
Data_Adventure35 分钟前
Vue 3 作用域插槽:原理剖析与高级应用
前端·vue.js