Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
09b9aeb4
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看板
体验新版 GitCode,发现更多精彩内容 >>
提交
09b9aeb4
编写于
9月 06, 2022
作者:
L
luoying_ace_admin
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix docs
Signed-off-by:
N
luoying_ace_admin
<
luoying19@huawei.com
>
上级
b7aa22de
变更
9
显示空白变更内容
内联
并排
Showing
9 changed file
with
155 addition
and
90 deletion
+155
-90
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-gauge.md
...ation-dev/reference/arkui-ts/ts-basic-components-gauge.md
+1
-1
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-circle.md
...on-dev/reference/arkui-ts/ts-drawing-components-circle.md
+16
-10
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-ellipse.md
...n-dev/reference/arkui-ts/ts-drawing-components-ellipse.md
+17
-11
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-line.md
...tion-dev/reference/arkui-ts/ts-drawing-components-line.md
+16
-10
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-path.md
...tion-dev/reference/arkui-ts/ts-drawing-components-path.md
+15
-6
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-polygon.md
...n-dev/reference/arkui-ts/ts-drawing-components-polygon.md
+25
-11
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-polyline.md
...-dev/reference/arkui-ts/ts-drawing-components-polyline.md
+25
-12
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-rect.md
...tion-dev/reference/arkui-ts/ts-drawing-components-rect.md
+23
-16
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-shape.md
...ion-dev/reference/arkui-ts/ts-drawing-components-shape.md
+17
-13
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-gauge.md
浏览文件 @
09b9aeb4
...
@@ -46,7 +46,7 @@ Gauge(options:{value: number, min?: number, max?: number})
...
@@ -46,7 +46,7 @@ Gauge(options:{value: number, min?: number, max?: number})
| 名称 | 类型定义 | 描述 |
| 名称 | 类型定义 | 描述 |
| --------- | -------------------- | ------------------------------------------------------------ |
| --------- | -------------------- | ------------------------------------------------------------ |
| ColorStop |
[
ResourceColor
](
../../ui/ts-types.md#resourcecolor8
)
,
number] | 描述渐进色颜色断点类型,第一个参数为颜色值,第二个参数为0~1之间的比例值。 |
| ColorStop |
[
[
ResourceColor
](
../../ui/ts-types.md#resourcecolor8
)
,
number] | 描述渐进色颜色断点类型,第一个参数为颜色值,第二个参数为0~1之间的比例值。 |
## 示例
## 示例
...
...
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-circle.md
浏览文件 @
09b9aeb4
...
@@ -18,26 +18,32 @@
...
@@ -18,26 +18,32 @@
## 接口
## 接口
Circle(options?: {width
: Length, height: Length
})
Circle(options?: {width
?: string | number, height?: string | number
})
-
参数
-
参数
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| -------- | -------- | -------- | -------- | -------- |
| options | Object | 否 | - | 见options参数说明。 |
| width | string
\|
number | 否 | 0 | 宽度。 |
| height | string
\|
number | 否 | 0 | 高度。 |
-
options参数说明
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| width | Length | 是 | - | 宽度。 |
| height | Length | 是 | - | 高度。 |
## 属性
## 属性
除支持
[
通用属性
](
ts-universal-attributes-size.md
)
外,还支持以下属性:
| 参数名称 | 参数类型 | 默认值 | 必填 | 参数描述 |
| 参数名称 | 参数类型 | 默认值 | 必填 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| -------- | -------- | -------- | -------- | -------- |
| width | Length | 0 | 否 | 圆所在矩形的宽度。 |
| fill |
[
ResourceColor
](
../../ui/ts-types.md
)
| Color.Black | 否 | 设置填充区域颜色。 |
| height | Length | 0 | 否 | 圆所在矩形的高度。 |
| fillOpacity | number
\|
string
\|
[
Resource
](
../../ui/ts-types.md#resource类型
)
| 1 | 否 | 设置填充区域透明度。 |
| stroke |
[
ResourceColor
](
../../ui/ts-types.md
)
| Color.Black | 否 | 设置线条颜色。 |
| strokeDashArray | Array
<
Length
>
| [] | 否 | 设置线条间隙。 |
| strokeDashOffset | number
\|
string | 0 | 否 | 线条绘制起点的偏移量。 |
| strokeLineCap |
[
LineCapStyle
](
ts-appendix-enums.md#linecapstyle
)
| LineCapStyle.Butt | 否 | 设置线条端点绘制样式。 |
| strokeLineJoin |
[
LineJoinStyle
](
ts-appendix-enums.md#linejoinstyle
)
| LineJoinStyle.Miter | 否 | 设置线条拐角绘制样式。 |
| strokeMiterLimit | number
\|
string | 4 | 否 | 设置锐角绘制成斜角的极限值。 |
| strokeOpacity | number
\|
string
\|
[
Resource
](
../../ui/ts-types.md#resource类型
)
| 1 | 否 | 设置线条透明度。 |
| strokeWidth | Length | 1 | 否 | 设置线条宽度。 |
| antiAlias | boolean | true | 否 | 是否开启抗锯齿效果。 |
## 示例
## 示例
...
...
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-ellipse.md
浏览文件 @
09b9aeb4
...
@@ -19,26 +19,32 @@
...
@@ -19,26 +19,32 @@
## 接口
## 接口
ellipse(options?: {width
: Length, height: Length
})
ellipse(options?: {width
?: string | number, height?: string | number
})
-
参数
-
参数
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| -------- | -------- | -------- | -------- | -------- |
| options | Object | 否 | - | 见options参数说明。 |
| width | string
\|
number | 否 | 0 | 宽度。 |
| height | string
\|
number | 否 | 0 | 高度。 |
-
options参数说明
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| width | Length | 是 | - | 宽度。 |
| height | Length | 是 | - | 高度。 |
## 属性
## 属性
除支持
[
通用属性
](
ts-universal-attributes-size.md
)
外,还支持以下属性:
| 参数名称 | 参数类型 | 默认值 | 必填 | 参数描述 |
| 参数名称 | 参数类型 | 默认值 | 必填 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| -------- | -------- | -------- | -------- | -------- |
| width | Length | 0 | 否 | 椭圆所在矩形的宽度。 |
| fill |
[
ResourceColor
](
../../ui/ts-types.md
)
| Color.Black | 否 | 设置填充区域颜色。 |
| height | Length | 0 | 否 | 椭圆所在矩形的高度。 |
| fillOpacity | number
\|
string
\|
[
Resource
](
../../ui/ts-types.md#resource类型
)
| 1 | 否 | 设置填充区域透明度。 |
| stroke |
[
ResourceColor
](
../../ui/ts-types.md
)
| Color.Black | 否 |设置线条颜色。 |
| strokeDashArray | Array
<
Length
>
| [] | 否 | 设置线条间隙。 |
| strokeDashOffset | number
\|
string | 0 | 否 | 线条绘制起点的偏移量。 |
| strokeLineCap |
[
LineCapStyle
](
ts-appendix-enums.md#linecapstyle
)
| LineCapStyle.Butt | 否 | 设置线条端点绘制样式。 |
| strokeLineJoin |
[
LineJoinStyle
](
ts-appendix-enums.md#linejoinstyle
)
| LineJoinStyle.Miter | 否 | 设置线条拐角绘制样式。 |
| strokeMiterLimit | number
\|
string | 4 | 否 | 设置锐角绘制成斜角的极限值。 |
| strokeOpacity | number
\|
string
\|
[
Resource
](
../../ui/ts-types.md#resource类型
)
| 1 | 否 | 设置线条透明度。 |
| strokeWidth | Length | 1 | 否 | 设置线条宽度。 |
| antiAlias | boolean | true | 否 | 是否开启抗锯齿效果。 |
## 示例
## 示例
...
...
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-line.md
浏览文件 @
09b9aeb4
...
@@ -19,28 +19,34 @@
...
@@ -19,28 +19,34 @@
## 接口
## 接口
Line(options?: {width
: Length, height: Length
})
Line(options?: {width
?: string | number, height?: string | number
})
-
参数
-
参数
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| -------- | -------- | -------- | -------- | -------- |
| options | Object | 否 | - | 见options参数说明。 |
| width | string
\|
number | 否 | 0 | 宽度。 |
| height | string
\|
number | 否 | 0 | 高度。 |
-
options参数说明
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| width | Length | 是 | - | 宽度。 |
| height | Length | 是 | - | 高度。 |
## 属性
## 属性
除支持
[
通用属性
](
ts-universal-attributes-size.md
)
外,还支持以下属性:
| 参数名称 | 参数类型 | 默认值 | 必填 | 参数描述 |
| 参数名称 | 参数类型 | 默认值 | 必填 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| -------- | -------- | -------- | -------- | -------- |
| width |
[
Length
](
../../ui/ts-types.md#length
)
| 0 | 否 | 直线所在矩形的宽度。 |
| height |
[
Length
](
../../ui/ts-types.md#length
)
| 0 | 否 | 直线所在矩形的高度。 |
| startPoint | Array | [0,
0] | 是 | 直线起点坐标点(相对坐标)。 |
| startPoint | Array | [0,
0] | 是 | 直线起点坐标点(相对坐标)。 |
| endPoint | Array | [0,
0] | 是 | 直线终点坐标点(相对坐标)。 |
| endPoint | Array | [0,
0] | 是 | 直线终点坐标点(相对坐标)。 |
| fill |
[
ResourceColor
](
../../ui/ts-types.md
)
| Color.Black | 否 | 设置填充区域颜色。 |
| fillOpacity | number
\|
string
\|
[
Resource
](
../../ui/ts-types.md#resource类型
)
| 1 | 否 | 设置填充区域透明度。 |
| stroke |
[
ResourceColor
](
../../ui/ts-types.md
)
| Color.Black | 否 | 设置线条颜色。 |
| strokeDashArray | Array
<
Length
>
| [] | 否 | 设置线条间隙。 |
| strokeDashOffset | number
\|
string | 0 | 否 | 线条绘制起点的偏移量。 |
| strokeLineCap |
[
LineCapStyle
](
ts-appendix-enums.md#linecapstyle
)
| LineCapStyle.Butt | 否 | 设置线条端点绘制样式。 |
| strokeLineJoin |
[
LineJoinStyle
](
ts-appendix-enums.md#linejoinstyle
)
| LineJoinStyle.Miter | 否 | 设置线条拐角绘制样式。 |
| strokeMiterLimit | number
\|
string | 4 | 否 | 设置锐角绘制成斜角的极限值。 |
| strokeOpacity | number
\|
string
\|
[
Resource
](
../../ui/ts-types.md#resource类型
)
| 1 | 否 | 设置线条透明度。 |
| strokeWidth | Length | 1 | 否 | 设置线条宽度。 |
| antiAlias | boolean | true | 否 | 是否开启抗锯齿效果。 |
## 示例
## 示例
...
...
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-path.md
浏览文件 @
09b9aeb4
...
@@ -23,9 +23,9 @@ Path(value?: { width?: number | string; height?: number | string; commands?: str
...
@@ -23,9 +23,9 @@ Path(value?: { width?: number | string; height?: number | string; commands?: str
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | ---- | ------ | -------------------- |
| -------- | -------- | ---- | ------ | -------------------- |
| width |
Length
| 否 | 0 | 路径所在矩形的宽度 |
| width |
number
\|
string
| 否 | 0 | 路径所在矩形的宽度 |
| height |
Length
| 否 | 0 | 路径所在矩形的高度 |
| height |
number
\|
string
| 否 | 0 | 路径所在矩形的高度 |
| commands | string |
是 | ‘ ’
| 路径绘制的命令字符串 |
| commands | string |
否 | ''
| 路径绘制的命令字符串 |
...
@@ -35,9 +35,18 @@ Path(value?: { width?: number | string; height?: number | string; commands?: str
...
@@ -35,9 +35,18 @@ Path(value?: { width?: number | string; height?: number | string; commands?: str
| 参数名称 | 参数类型 | 默认值 | 必填 | 参数描述 |
| 参数名称 | 参数类型 | 默认值 | 必填 | 参数描述 |
| -------- | ----------------------------------- | ---- | ---- | ---------------------------------------- |
| -------- | ----------------------------------- | ---- | ---- | ---------------------------------------- |
| width |
[
Length
](
../../ui/ts-types.md#长度类型
)
| 0 | 否 | 路径所在矩形画布的宽度。 |
| commands | string | '' | 否 | 路径绘制的命令字符串,单位为px。像素单位转换方法请参考
[
像素单位转换
](
../../ui/ts-pixel-units.md
)
。 |
| height |
[
Length
](
../../ui/ts-types.md#长度类型
)
| 0 | 否 | 路径所在矩形画布的高度。 |
| fill |
[
ResourceColor
](
../../ui/ts-types.md
)
| Color.Black | 否 | 设置填充区域颜色。 |
| commands | string | '' | 是 | 路径绘制的命令字符串,单位为px。像素单位转换方法请参考
[
像素单位转换
](
../../ui/ts-pixel-units.md
)
。 |
| fillOpacity | number
\|
string
\|
[
Resource
](
../../ui/ts-types.md#resource类型
)
| 1 | 否 | 设置填充区域透明度。 |
| stroke |
[
ResourceColor
](
../../ui/ts-types.md
)
| Color.Black | 否 | 设置线条颜色。 |
| strokeDashArray | Array
<
Length
>
| [] | 否 | 设置线条间隙。 |
| strokeDashOffset | number
\|
string | 0 | 否 | 线条绘制起点的偏移量。 |
| strokeLineCap |
[
LineCapStyle
](
ts-appendix-enums.md#linecapstyle
)
| LineCapStyle.Butt | 否 | 设置线条端点绘制样式。 |
| strokeLineJoin |
[
LineJoinStyle
](
ts-appendix-enums.md#linejoinstyle
)
| LineJoinStyle.Miter | 否 | 设置线条拐角绘制样式。 |
| strokeMiterLimit | number
\|
string | 4 | 否 | 设置锐角绘制成斜角的极限值。 |
| strokeOpacity | number
\|
string
\|
[
Resource
](
../../ui/ts-types.md#resource类型
)
| 1 | 否 | 设置线条透明度。 |
| strokeWidth | Length | 1 | 否 | 设置线条宽度。 |
| antiAlias | boolean | true | 否 | 是否开启抗锯齿效果。 |
commands支持的绘制命令如下:
commands支持的绘制命令如下:
...
...
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-polygon.md
浏览文件 @
09b9aeb4
...
@@ -19,27 +19,41 @@
...
@@ -19,27 +19,41 @@
## 接口
## 接口
Polygon(
value:{options?: {width: Length, height: Length}
})
Polygon(
options?: {width?: string | number, height?: string | number
})
-
参数
-
参数
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| -------- | -------- | -------- | -------- | -------- |
| options | Object | 否 | - | 见options参数说明。 |
| width | string
\|
number | 否 | 0 | 宽度。 |
| height | string
\|
number | 否 | 0 | 高度。 |
-
options参数说明
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| width | Length | 是 | - | 宽度。 |
| height | Length | 是 | - | 高度。 |
## 属性
## 属性
除支持
[
通用属性
](
ts-universal-attributes-size.md
)
外,还支持以下属性:
| 参数名称 | 参数类型 | 默认值 | 必填 | 参数描述 |
| 参数名称 | 参数类型 | 默认值 | 必填 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| -------- | -------- | -------- | -------- | -------- |
| width | Length | 0 | 否 | 多边形所在矩形的宽度。 |
| points | Array
<
Point
>
| [] | 否 | 多边形的顶点坐标列表。 |
| height | Length | 0 | 否 | 多边形所在矩形的高度。 |
| fill |
[
ResourceColor
](
../../ui/ts-types.md
)
| Color.Black | 否 | 设置填充区域颜色。 |
| points | Array
<
Point
>
| - | 是 | 多边形的顶点坐标列表。 |
| fillOpacity | number
\|
string
\|
[
Resource
](
../../ui/ts-types.md#resource类型
)
| 1 | 否 | 设置填充区域透明度。 |
| stroke |
[
ResourceColor
](
../../ui/ts-types.md
)
| Color.Black | 否 | 设置线条颜色。 |
| strokeDashArray | Array
<
Length
>
| [] | 否 | 设置线条间隙。 |
| strokeDashOffset | number
\|
string | 0 | 否 | 线条绘制起点的偏移量。 |
| strokeLineCap |
[
LineCapStyle
](
ts-appendix-enums.md#linecapstyle
)
| LineCapStyle.Butt | 否 | 设置线条端点绘制样式。 |
| strokeLineJoin |
[
LineJoinStyle
](
ts-appendix-enums.md#linejoinstyle
)
| LineJoinStyle.Miter | 否 | 设置线条拐角绘制样式。 |
| strokeMiterLimit | number
\|
string | 4 | 否 | 设置锐角绘制成斜角的极限值。 |
| strokeOpacity | number
\|
string
\|
[
Resource
](
../../ui/ts-types.md#resource类型
)
| 1 | 否 | 设置线条透明度。 |
| strokeWidth | Length | 1 | 否 | 设置线条宽度。 |
| antiAlias | boolean | true | 否 | 是否开启抗锯齿效果。 |
## Point
点坐标类型。
| 名称 | 类型定义 | 描述 |
| --------- | -------------------- | ------------------------------------------------------------ |
| Point | [number,
number] | 第一个参数为x轴坐标,第二个参数为y轴坐标(相对坐标)。 |
## 示例
## 示例
...
...
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-polyline.md
浏览文件 @
09b9aeb4
...
@@ -19,28 +19,41 @@
...
@@ -19,28 +19,41 @@
## 接口
## 接口
Polyline(options?: {width
: Length, height: Length
})
Polyline(options?: {width
?: string | number, height?: string | number
})
-
参数
-
参数
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| -------- | -------- | -------- | -------- | -------- |
| options | Object | 否 | - | 见options参数说明。 |
| width | string
\|
number | 否 | 0 | 宽度。 |
| height | string
\|
number | 否 | 0 | 高度。 |
-
options参数说明
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| width | Length | 是 | - | 宽度。 |
| height | Length | 是 | - | 高度。 |
## 属性
## 属性
除支持
[
通用属性
](
ts-universal-attributes-size.md
)
外,还支持以下属性:
| 参数名称 | 参数类型 | 默认值 | 必填 | 参数描述 |
| 参数名称 | 参数类型 | 默认值 | 必填 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| -------- | -------- | -------- | -------- | -------- |
| width | Length | 0 | 否 | 折线所在矩形的宽度。 |
| points | Array
<
Point
>
| [] | 否 | 折线经过坐标点列表。 |
| height | Length | 0 | 否 | 折线所在矩形的高度。 |
| fill |
[
ResourceColor
](
../../ui/ts-types.md
)
| Color.Black | 否 | 设置填充区域颜色。 |
| points | Array
<
Point
>
| - | 是 | 折线经过坐标点列表。 |
| fillOpacity | number
\|
string
\|
[
Resource
](
../../ui/ts-types.md#resource类型
)
| 1 | 否 | 设置填充区域透明度。 |
| stroke |
[
ResourceColor
](
../../ui/ts-types.md
)
| Color.Black | 否 | 设置线条颜色。 |
| strokeDashArray | Array
<
Length
>
| [] | 否 | 设置线条间隙。 |
| strokeDashOffset | number
\|
string | 0 | 否 | 线条绘制起点的偏移量。 |
| strokeLineCap |
[
LineCapStyle
](
ts-appendix-enums.md#linecapstyle
)
| LineCapStyle.Butt | 否 | 设置线条端点绘制样式。 |
| strokeLineJoin |
[
LineJoinStyle
](
ts-appendix-enums.md#linejoinstyle
)
| LineJoinStyle.Miter | 否 | 设置线条拐角绘制样式。 |
| strokeMiterLimit | number
\|
string | 4 | 否 | 设置锐角绘制成斜角的极限值。 |
| strokeOpacity | number
\|
string
\|
[
Resource
](
../../ui/ts-types.md#resource类型
)
| 1 | 否 | 设置线条透明度。 |
| strokeWidth | Length | 1 | 否 | 设置线条宽度。 |
| antiAlias | boolean | true | 否 | 是否开启抗锯齿效果。 |
## Point
点坐标类型。
| 名称 | 类型定义 | 描述 |
| --------- | -------------------- | ------------------------------------------------------------ |
| Point | [number,
number] | 第一个参数为x轴坐标,第二个参数为y轴坐标(相对坐标)。 |
## 示例
## 示例
...
...
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-rect.md
浏览文件 @
09b9aeb4
...
@@ -19,32 +19,39 @@
...
@@ -19,32 +19,39 @@
## 接口
## 接口
Rect(value:{options?: {width: Length,height: Length,radius?: Length | Array
<
Length
>
} | {width: Length,height: Length,radiusWidth?: Length,radiusHeight?: Length}})
Rect(options?: {width?: string | number,height?: string | number,radius?: string | number | Array
<
string | number
>
} |
{width?: string | number,height?: string | number,radiusWidth?: string | number,radiusHeight?: string | number})
-
参数
-
参数
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| -------- | -------- | -------- | -------- | -------- |
| options | Object | 否 | - | 见options参数说明。 |
| width | string
\|
number | 否 | 0 | 宽度。 |
| height | string
\|
number | 否 | 0 | 高度。 |
-
options参数说明
| radius | string
\|
number
\|
Array
<
string
\|
number
>
| 否 | 0 | 圆角半径,支持分别设置四个角的圆角度数。 |
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| radiusWidth | string
\|
number | 否 | 0 | 圆角宽度。 |
| -------- | -------- | -------- | -------- | -------- |
| radiusHeight | string
\|
number | 否 | 0 | 圆角高度。 |
| width | Length | 是 | - | 宽度。 |
| height | Length | 是 | - | 高度。 |
| radius | Length
\|
Array
<
Length
>
| 否 | 0 | 圆角半径,支持分别设置四个角的圆角度数。 |
| radiusWidth | Length | 否 | 0 | 圆角宽度。 |
| radiusHeight | Length | 否 | 0 | 圆角高度。 |
## 属性
## 属性
除支持
[
通用属性
](
ts-universal-attributes-size.md
)
外,还支持以下属性:
| 参数名称 | 参数类型 | 默认值 | 必填 | 参数描述 |
| 参数名称 | 参数类型 | 默认值 | 必填 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| -------- | -------- | -------- | -------- | -------- |
| width | Length | 0 | 否 | 宽度。 |
| radiusWidth | string
\|
number | 0 | 否 | 圆角的宽度,仅设置宽时宽高一致。 |
| height | Length | 0 | 否 | 高度。 |
| radiusHeight | string
\|
number | 0 | 否 | 圆角的高度,仅设置高时宽高一致。 |
| radiusWidth | Length | 0 | 否 | 圆角的宽度,仅设置宽时宽高一致。 |
| radius | string
\|
number
\|
Array
<
string
\|
number
>
| 0 | 否 | 圆角半径大小。 |
| radiusHeight | Length | 0 | 否 | 圆角的高度,仅设置高时宽高一致。 |
| fill |
[
ResourceColor
](
../../ui/ts-types.md
)
| Color.Black | 否 | 设置填充区域颜色。 |
| radius | Length
\|
Array
<
Length
>
| 0 | 否 | 圆角大小。 |
| fillOpacity | number
\|
string
\|
[
Resource
](
../../ui/ts-types.md#resource类型
)
| 1 | 否 | 设置填充区域透明度。 |
| stroke |
[
ResourceColor
](
../../ui/ts-types.md
)
| Color.Black | 否 | 设置线条颜色。 |
| strokeDashArray | Array
<
Length
>
| [] | 否 | 设置线条间隙。 |
| strokeDashOffset | number
\|
string | 0 | 否 | 线条绘制起点的偏移量。 |
| strokeLineCap |
[
LineCapStyle
](
ts-appendix-enums.md#linecapstyle
)
| LineCapStyle.Butt | 否 | 设置线条端点绘制样式。 |
| strokeLineJoin |
[
LineJoinStyle
](
ts-appendix-enums.md#linejoinstyle
)
| LineJoinStyle.Miter | 否 | 设置线条拐角绘制样式。 |
| strokeMiterLimit | number
\|
string | 4 | 否 | 设置锐角绘制成斜角的极限值。 |
| strokeOpacity | number
\|
string
\|
[
Resource
](
../../ui/ts-types.md#resource类型
)
| 1 | 否 | 设置线条透明度。 |
| strokeWidth | Length | 1 | 否 | 设置线条宽度。 |
| antiAlias | boolean | true | 否 | 是否开启抗锯齿效果。 |
## 示例
## 示例
...
...
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-shape.md
浏览文件 @
09b9aeb4
...
@@ -25,29 +25,33 @@
...
@@ -25,29 +25,33 @@
## 接口
## 接口
Shape(value
:{target?: PixelMap}
)
Shape(value
?: PixelMap
)
-
参数
-
参数
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| -------- | -------- | -------- | -------- | -------- |
|
target | PixelMap | 否 | null
| 绘制目标,可将图形绘制在指定的PixelMap对象中,若未设置,则在当前绘制目标中进行绘制。 |
|
value | PixelMap | 否 | -
| 绘制目标,可将图形绘制在指定的PixelMap对象中,若未设置,则在当前绘制目标中进行绘制。 |
## 属性
## 属性
除支持
[
通用属性
](
ts-universal-attributes-size.md
)
外,还支持以下属性:
| 参数名称 | 参数类型 | 默认值 | 必填 | 参数描述 |
| 参数名称 | 参数类型 | 默认值 | 必填 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| -------- | -------- | -------- | -------- | -------- |
| viewPort | {
<br/>
x:
Length,
<br/>
y:
Length,
<br/>
width:
Length,
<br/>
height:
Length
<br/>
} | - | 是 | 形状的视口。 |
| viewPort | {
<br/>
x?:
number
\|
string,
<br/>
y?:
number
\|
string,
<br/>
width?:
number
\|
string,
<br/>
height?:
number
\|
string
<br/>
} | { x:0, y:0, width:0, height:0 } | 否 | 形状的视口。 |
| fill |
[
ResourceColor
](
../../ui/ts-types.md
)
| Black | 否 | 填充颜色。 |
| fill |
[
ResourceColor
](
../../ui/ts-types.md
)
| Color.Black | 否 | 设置填充区域颜色。 |
| stroke |
[
ResourceColor
](
../../ui/ts-types.md
)
| - | 否 | 边框颜色。 |
| fillOpacity | number
\|
string
\|
[
Resource
](
../../ui/ts-types.md#resource类型
)
| 1 | 否 | 设置填充区域透明度。 |
| strokeDashArray | Array
<
Length
>
| [] | 否 | 设置边框的间隙。 |
| stroke |
[
ResourceColor
](
../../ui/ts-types.md
)
| Color.Black | 否 | 设置线条颜色。 |
| strokeDashOffset | Length | 0 | 否 | 边框绘制起点的偏移量。 |
| strokeDashArray | Array
<
Length
>
| [] | 否 | 设置线条间隙。 |
| strokeLineCap |
[
LineCapStyle
](
ts-appendix-enums.md#linecapstyle
)
| LineCapStyle.Butt | 否 | 路径端点绘制样式。 |
| strokeDashOffset | number
\|
string | 0 | 否 | 线条绘制起点的偏移量。 |
| strokeLineJoin |
[
LineJoinStyle
](
ts-appendix-enums.md#linejoinstyle
)
| LineJoinStyle.Miter | 否 | 边框拐角绘制样式。 |
| strokeLineCap |
[
LineCapStyle
](
ts-appendix-enums.md#linecapstyle
)
| LineCapStyle.Butt | 否 | 设置线条端点绘制样式。 |
| strokeMiterLimit | number
\|
string | 4 | 否 | 锐角绘制成斜角的极限值。 |
| strokeLineJoin |
[
LineJoinStyle
](
ts-appendix-enums.md#linejoinstyle
)
| LineJoinStyle.Miter | 否 | 设置线条拐角绘制样式。 |
| strokeOpacity | number
\|
string
\|
[
Resource
](
../../ui/ts-types.md#resource类型
)
| 1 | 否 | 设置边框的不透明度。 |
| strokeMiterLimit | number
\|
string | 4 | 否 | 设置锐角绘制成斜角的极限值。 |
| strokeWidth | Length | 1 | 否 | 设置边框的宽度。 |
| strokeOpacity | number
\|
string
\|
[
Resource
](
../../ui/ts-types.md#resource类型
)
| 1 | 否 | 设置线条透明度。 |
| antiAlias | boolean | true | 否 | 是否开启抗锯齿。 |
| strokeWidth | number
\|
string | 1 | 否 | 设置线条宽度。 |
| antiAlias | boolean | true | 否 | 是否开启抗锯齿效果。 |
| mesh
<sup>
8+
</sup>
| Array
<
number
>
,number,number | [],0,0 | 否 | 设置mesh效果。第一个参数为长度(column + 1)
* (row + 1)*
2的数组,它记录了扭曲后的位图各个顶点位置,第二个参数为mesh矩阵列数column,第三个参数为mesh矩阵行数row。 |
## 示例
## 示例
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录