From eba5029504de412498919f74ed95986a312af2ec Mon Sep 17 00:00:00 2001 From: heavensoft Date: Fri, 27 May 2022 12:37:50 +0000 Subject: [PATCH] update docs/component/image.md. --- docs/component/image.md | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/docs/component/image.md b/docs/component/image.md index a6808e819..dddcd8478 100644 --- a/docs/component/image.md +++ b/docs/component/image.md @@ -8,7 +8,7 @@ |mode|String|'scaleToFill'|图片裁剪、缩放的模式|
| |lazy-load|Boolean|false|图片懒加载。只针对page与scroll-view下的image有效|微信小程序、百度小程序、字节跳动小程序、飞书小程序| |fade-show|Boolean|true|图片显示动画效果|仅App-nvue 2.3.4+ Android有效| -|webp|boolean|false|默认不解析 webP 格式，只支持网络资源|微信小程序2.9.0| +|webp|boolean|false|在系统不支持webp的情况下是否单独启用webp。默认false，只支持网络资源。webp支持详见下面说明|微信小程序2.9.0| |show-menu-by-longpress|boolean|false|开启长按图片显示识别小程序码菜单|微信小程序2.7.0| |draggable|boolean|true|是否能拖动图片|H5 3.1.1+、App（iOS15+）| |@error|HandleEvent||当错误发生时，发布到 AppService 的事件名，事件对象event.detail = {errMsg: 'something wrong'}|| @@ -20,9 +20,13 @@ - `src` 仅支持相对路径、绝对路径，支持 base64 码； - 页面结构复杂，css样式太多的情况，使用 image 可能导致样式生效较慢，出现 “闪一下” 的情况，此时设置 `image{will-change: transform}` ,可优化此问题。 - 自定义组件里面使用 ``时，若 `src` 使用相对路径可能出现路径查找失败的情况，故建议使用绝对路径。 -- webp格式的图片在Android上是内置支持的。iOS14起支持；微信小程序2.9.0起支持。 - svg 格式的图片在不同的平台支持情况不同。具体为：app-nvue 不支持 svg 格式的图片，小程序上只支持网络地址。 +- webp图片支持详解 + * Android4以上（含）、iOS14以上（含）系统内置支持webp，此时，不管web、小程序、app，也不管vue还是nvue都可以直接使用webp； + * iOS14以下，app-vue下，iOS不支持；app-nvue下，iOS支持；微信小程序2.9.0起，配置属性webp为true时iOS支持； + * pc浏览器上，webp在不同浏览器的支持详见：[https://caniuse.com/?search=webp](https://caniuse.com/?search=webp) + **mode 有效值：** -- GitLab