小程序宿主环境-组件image

image

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

image组件的model属性

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

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

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

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

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

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

相关推荐
2501_9445215916 分钟前
Flutter for OpenHarmony 微动漫App实战:推荐动漫实现
android·开发语言·前端·javascript·flutter·ecmascript
Amumu121381 小时前
Vue核心(三)
前端·javascript·vue.js
CoCo的编程之路1 小时前
2026 前端效能革命:如何利用智能助手实现“光速”页面构建?深度横评
前端·人工智能·ai编程·comate·智能编程助手·文心快码baiducomate
RFCEO1 小时前
HTML编程 课程五、:HTML5 新增语义化标签
前端·html·html5·跨平台·语义化标签·可生成安卓/ios·html最新版本
CRMEB系统商城1 小时前
CRMEB多商户系统(PHP)- 移动端二开之基本容器组件使用
运维·开发语言·小程序·php
2501_944521592 小时前
Flutter for OpenHarmony 微动漫App实战:图片加载实现
android·开发语言·前端·javascript·flutter·php
雨中深巷的油纸伞2 小时前
vue 项目部署到iis后 浏览器刷新404
前端·javascript·vue.js
谢尔登2 小时前
从源码视角来看Pinia!
前端·javascript·vue.js
运筹vivo@3 小时前
攻防世界: mfw
前端·web安全·php