快應(yīng)用 image組件

概述

渲染圖片

子組件

不支持

屬性

支持 通用屬性

注意：1060 版 alt 屬性加入了新特性，詳情如下：

1. 如果 Image 組件沒有設(shè)置 alt 值，終端會(huì)加上默認(rèn)的灰色占位圖。
2. src 為本地圖片地址時(shí)，不會(huì)有占位圖
3. src 為遠(yuǎn)程圖片地址時(shí)，如果之前已經(jīng)成功加載過圖片，有本地緩存，則不會(huì)有占位圖
4. src 為遠(yuǎn)程圖片地址時(shí)，且 Image 組件 的 alt 值傳入字符串 "blank" 值，不會(huì)有占位圖。（可避免一些遠(yuǎn)程地址的小圖標(biāo)第一次加載時(shí)瞬間閃爍的現(xiàn)象）
5. 設(shè)置 alt 為本地圖片地址時(shí)，占位圖縮放模式由原來的居中不縮放改為居中保持寬高比縮放，減少了占位圖資源文件的分辨率與體積大小

SVG 圖片格式說明

• 1.完全支持的標(biāo)簽及其屬性

?<circle>?? <clipPath> ??<defs>?? <desc>? ?<ellipse>?? <g> ??<line>? ?<linearGradient>? ?<marker>? ?<mask>?? <path>?? <polygon>? ?<polyline>? ?<rect>? ?<solidColor>? ?<stop>? ?<svg>? ?<switch>? ?<symbol>? ?<title>? ?<use>? ?<view>?

• 2.受限制支持的標(biāo)簽

?<image>?： 不支持加載外部的 SVG 文件。

?<text>?： 不支持 x，y，dx 和 dy 的多值形式。不支持某些其他文本功能，例如：alignment-baseline 等。

?<textPath>?： 與?<text>?相同的限制。

?<tref>?：與?<text>?相同的限制。此外，不支持外部 href 引用。

?<tspan>?：與?<text>?相同的限制。

?<pattern>?： 目前不支持 Patterned strokes。

?<radialGradient>?： 目前不支持 fx 和 fy 屬性。

?<style>?： 使用了簡(jiǎn)化的 CSS 解析器，不支持整個(gè) CSS 標(biāo)準(zhǔn)。

• 3.暫時(shí)完全不支持

不支持動(dòng)畫和濾鏡。

樣式

支持 通用樣式

resize-mode 類型 deprecated

object-fit 類型

事件

支持 通用事件

image   示例代碼

查看 示例代碼