小程序宿主环境-组件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 分钟前
2026 年前端进阶:端侧大模型 + WebGPU,从零打造高性能 AI 原生前端应用
前端·typescript·大模型·react·webgpu·ai原生·高性能前端
放下华子我只抽RuiKe56 分钟前
深度学习 - 01 - NLP自然语言处理基础
前端·人工智能·深度学习·神经网络·自然语言处理·矩阵·easyui
酉鬼女又兒33 分钟前
零基础入门前端 第十三届蓝桥杯省赛 :水果拼盘 Flex一篇过(可用于备赛蓝桥杯Web应用开发)
前端·css·职场和发展·蓝桥杯·css3
weixin1997010801636 分钟前
《苏宁商品详情页前端性能优化实战》
前端·性能优化
天若有情67337 分钟前
前端HTML精讲02:表单高阶用法+原生校验,告别冗余JS,提升开发效率
前端·javascript·html
蜡台37 分钟前
Vue 组件通信的 12 种解决方案
前端·javascript·vue.js·props
问道飞鱼42 分钟前
【前端知识】React Flow : 一个基于 React 的可视化节点编辑器框架
前端·ai工作流·react flow
qq_406176141 小时前
从零到一掌握 React 核心语法与规则:前端开发者必备指南
前端·react.js·前端框架
wefly20172 小时前
jsontop.cn:一站式 JSON 全能工具集,开发全流程效率神器
前端·javascript·python·django·json·json在线转换