Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
92e4496b
D
Docs
项目概览
OpenHarmony
/
Docs
大约 1 年 前同步成功
通知
159
Star
292
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
未验证
提交
92e4496b
编写于
5月 23, 2023
作者:
王
王鑫
提交者:
Gitee
5月 23, 2023
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Image组件md文档内容补充
Signed-off-by:
N
王鑫
<
xinwangih@isoftstone.com
>
上级
293b4f20
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
2 addition
and
2 deletion
+2
-2
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-image.md
...ation-dev/reference/arkui-ts/ts-basic-components-image.md
+2
-2
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-image.md
浏览文件 @
92e4496b
...
@@ -29,7 +29,7 @@ Image(src: PixelMap | ResourceStr | DrawableDescriptor)
...
@@ -29,7 +29,7 @@ Image(src: PixelMap | ResourceStr | DrawableDescriptor)
| 参数名 | 参数类型 | 必填 | 参数描述 |
| 参数名 | 参数类型 | 必填 | 参数描述 |
| ---- | ---------------------------------------- | ---- | ---------------------------------------- |
| ---- | ---------------------------------------- | ---- | ---------------------------------------- |
| src |
[PixelMap](../apis/js-apis-image.md#pixelmap7)
\|ResourceStr\|
[
DrawableDescriptor
](
../apis/js-apis-arkui-drawableDescriptor.md#drawabledescriptor
)
| 是 | 图片的数据源,支持本地图片和网络图片。
<br/>
当使用相对路径引用图片资源时,例如
`Image("common/test.jpg")`
,不支持跨包/跨模块调用该Image组件,建议使用
`$r`
方式来管理需全局使用的图片资源。
<br/>
\-
支持的图片格式包括png、jpg、bmp、svg和gif。
<br/>
\-
支持
`Base64`
字符串。格式
`data:image/[png\|jpeg\|bmp\|webp];base64,[base64 data]`
, 其中
`[base64 data]`
为
`Base64`
字符串数据。
<br/>
\-
支持
`datashare://`
路径前缀的字符串,用于访问通过data
ability提供的图片路径。
<br/>
\-
支持file:///data/storage路径前缀的字符串,用于读取本应用安装目录下files文件夹下的图片资源。需要保证目录包路径下的文件有可读权限。
<br/>
\-
支持
[
DrawableDescriptor
](
../apis/js-apis-arkui-drawableDescriptor.md#drawabledescriptor
)
对象
<br/>
**说明:**
<br/>
- ArkTS卡片上支持gif图片格式动效,但仅在显示时播放一次。
<br/>
- ArkTS卡片上不支持
`http://`
等网络相关路径前缀、
`datashare://`
路径前缀以及
`file://data/storage`
路径前缀的字符串
<br/>
- ArkTS卡片上不支持
[
PixelMap
](
../apis/js-apis-image.md#pixelmap7
)
类型 |
| src |
[PixelMap](../apis/js-apis-image.md#pixelmap7)
\|ResourceStr\|
[
DrawableDescriptor
](
../apis/js-apis-arkui-drawableDescriptor.md#drawabledescriptor
)
| 是 | 图片的数据源,支持本地图片和网络图片。
<br/>
当使用相对路径引用图片资源时,例如
`Image("common/test.jpg")`
,不支持跨包/跨模块调用该Image组件,建议使用
`$r`
方式来管理需全局使用的图片资源。
<br/>
\-
支持的图片格式包括png、jpg、bmp、svg和gif。
<br/>
\-
支持
`Base64`
字符串。格式
`data:image/[png\|jpeg\|bmp\|webp];base64,[base64 data]`
, 其中
`[base64 data]`
为
`Base64`
字符串数据。
<br/>
\-
支持
`datashare://`
路径前缀的字符串,用于访问通过data
ability提供的图片路径。
<br/>
\-
支持file:///data/storage路径前缀的字符串,用于读取本应用安装目录下files文件夹下的图片资源。需要保证目录包路径下的文件有可读权限。
<br/>
\-
支持
[
DrawableDescriptor
](
../apis/js-apis-arkui-drawableDescriptor.md#drawabledescriptor
)
对象
<br/>
- 详细使用方法可参考
[
显示图片
](
../../ui/arkts-graphics-display.md
)
<br/>
**说明:**
<br/>
- ArkTS卡片上支持gif图片格式动效,但仅在显示时播放一次。
<br/>
- ArkTS卡片上不支持
`http://`
等网络相关路径前缀、
`datashare://`
路径前缀以及
`file://data/storage`
路径前缀的字符串
<br/>
- ArkTS卡片上不支持
[
PixelMap
](
../apis/js-apis-image.md#pixelmap7
)
类型 |
## 属性
## 属性
...
@@ -91,7 +91,7 @@ Image(src: PixelMap | ResourceStr | DrawableDescriptor)
...
@@ -91,7 +91,7 @@ Image(src: PixelMap | ResourceStr | DrawableDescriptor)
### 图片加载
### 图片加载
加载显示不同类型的图片,并设置图片的缩放类型。
加载显示不同类型的图片,并设置图片的缩放类型。
<br>
overlay属性用于设置图片的遮罩文本,具体使用可参考
[
浮层
](
ts-universal-attributes-overlay.md
)
。
```
ts
```
ts
@
Entry
@
Entry
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录