From 1b5762f10ceee099d8fe0b6d6395c5efcc6b8692 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=8A=98=E8=85=BE=E7=AC=94=E8=AE=B0?= Date: Mon, 15 Jun 2020 17:51:39 +0800 Subject: [PATCH] Update image.md --- docs/component/image.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/docs/component/image.md b/docs/component/image.md index da83cb9e2..6878179ff 100644 --- a/docs/component/image.md +++ b/docs/component/image.md @@ -20,6 +20,7 @@ - 页面结构复杂，css样式太多的情况，使用 image 可能导致样式生效较慢，出现 “闪一下” 的情况，此时设置 `image{will-change: transform}` ,可优化此问题。 - 自定义组件里面使用 ``时，若 `src` 使用相对路径可能出现路径查找失败的情况，故建议使用绝对路径。 - webp格式的图片在Android上是内置支持的。iOS上不同平台不一样，具体如下：app-vue下，iOS不支持；app-nvue下，iOS支持；微信小程序2.9.0起，iOS支持。 +- svg 格式的图片在不同的平台支持情况不同。具体为：app-nvue 不支持 svg 格式的图片，小程序上只支持网络地址。 **mode 有效值：** @@ -31,8 +32,8 @@ mode 有 13 种模式，其中 4 种是缩放模式，9 种是裁剪模式。 |缩放|scaleToFill|不保持纵横比缩放图片，使图片的宽高完全拉伸至填满 image 元素| |缩放|aspectFit|保持纵横比缩放图片，使图片的长边能完全显示出来。也就是说，可以完整地将图片显示出来。| |缩放|aspectFill|保持纵横比缩放图片，只保证图片的短边能完全显示出来。也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取。| -|缩放|widthFix|宽度不变，高度自动变化，保持原图宽高比不变| -|缩放|heightFix|高度不变，宽度自动变化，保持原图宽高比不变 **微信小程序 2.10.3 支持**| +|缩放|widthFix|宽度不变，高度自动变化，保持原图宽高比不变| +|缩放|heightFix|高度不变，宽度自动变化，保持原图宽高比不变 **微信小程序 2.10.3 支持**| |裁剪|top|不缩放图片，只显示图片的顶部区域| |裁剪|bottom|不缩放图片，只显示图片的底部区域| |裁剪|center|不缩放图片，只显示图片的中间区域| -- GitLab