小程序宿主环境-组件image

image

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

image组件的model属性

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

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

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

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

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

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

相关推荐
广师大-Wzx1 分钟前
JavaWeb:前端部分
java·前端·javascript·css·vue.js·前端框架·html
M ? A4 分钟前
你的 Vue v-memo 与 v-once,VuReact 会编译成什么样的 React 代码?
前端·javascript·vue.js·经验分享·react.js·面试·vureact
是上好佳佳佳呀8 分钟前
【前端(七)】CSS3 核心属性笔记:单位、背景、盒子模型与文本换行
前端·笔记·css3
踩着两条虫37 分钟前
VTJ:技术架构概述
前端·架构·ai编程
超级无敌攻城狮40 分钟前
Agent 到底是怎么跑起来的
前端·后端·架构
吴声子夜歌1 小时前
Vue3——过度和动画效果
前端·vue.js·es6
Via_Neo1 小时前
字符串类型的相互转换
前端
zopple1 小时前
前端三剑客 vs Vue.js:核心区别解析
前端·javascript·vue.js
hsjcjh1 小时前
窗口函数-详细讲解分析
java·服务器·前端
CDN3601 小时前
【踩坑实录】前端开发必看:一次由CSS缓存引发的线上事故与SEO反思
前端·css·缓存