Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
012529c8
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,发现更多精彩内容 >>
未验证
提交
012529c8
编写于
11月 17, 2022
作者:
O
openharmony_ci
提交者:
Gitee
11月 17, 2022
浏览文件
操作
浏览文件
下载
差异文件
!11497 添加line和circle组件属性说明
Merge pull request !11497 from 田雨/master
上级
4c240f81
34f2e0a7
变更
8
隐藏空白更改
内联
并排
Showing
8 changed file
with
125 addition
and
123 deletion
+125
-123
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-circle.md
...on-dev/reference/arkui-ts/ts-drawing-components-circle.md
+19
-18
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-ellipse.md
...n-dev/reference/arkui-ts/ts-drawing-components-ellipse.md
+13
-13
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-line.md
...tion-dev/reference/arkui-ts/ts-drawing-components-line.md
+15
-15
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-path.md
...tion-dev/reference/arkui-ts/ts-drawing-components-path.md
+14
-14
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-polygon.md
...n-dev/reference/arkui-ts/ts-drawing-components-polygon.md
+14
-14
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-polyline.md
...-dev/reference/arkui-ts/ts-drawing-components-polyline.md
+14
-14
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-rect.md
...tion-dev/reference/arkui-ts/ts-drawing-components-rect.md
+16
-16
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-shape.md
...ion-dev/reference/arkui-ts/ts-drawing-components-shape.md
+20
-19
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-circle.md
浏览文件 @
012529c8
...
@@ -16,29 +16,30 @@
...
@@ -16,29 +16,30 @@
Circle(options?: {width?: string | number, height?: string | number})
Circle(options?: {width?: string | number, height?: string | number})
-
参数
**参数:**
| 参数名 | 参数类型 | 必填 | 参数描述 |
| -------- | -------- | -------- | -------- |
| 参数名 | 参数类型 | 必填 | 参数描述 |
| width | string
\|
number | 否 | 宽度。
<br>
默认值:0 |
| -------- | -------- | -------- | -------- |
| height | string
\|
number | 否 | 高度。
<br>
默认值:0 |
| width | string
\|
number | 否 | 宽度。
<br>
默认值:0 |
| height | string
\|
number | 否 | 高度。
<br>
默认值:0 |
## 属性
## 属性
除支持
[
通用属性
](
ts-universal-attributes-size.md
)
外,还支持以下属性:
除支持
[
通用属性
](
ts-universal-attributes-size.md
)
外,还支持以下属性:
|
参数名称 | 参数类型 | 必填 | 参数
描述 |
|
名称 | 类型 |
描述 |
| -------- | -------- | -------- |
-------- |
| -------- | -------- | -------- |
| fill |
[
ResourceColor
](
ts-types.md
)
|
否 |
设置填充区域颜色。
<br>
默认值:Color.Black |
| fill |
[
ResourceColor
](
ts-types.md
)
| 设置填充区域颜色。
<br>
默认值:Color.Black |
| fillOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
|
否 |
设置填充区域透明度。
<br>
默认值:1 |
| fillOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 设置填充区域透明度。
<br>
默认值:1 |
| stroke |
[
ResourceColor
](
ts-types.md
)
|
否 |
设置边框颜色,不设置时,默认没有边框。 |
| stroke |
[
ResourceColor
](
ts-types.md
)
| 设置边框颜色,不设置时,默认没有边框。 |
| strokeDashArray | Array
<
Length
>
|
否 |
设置边框间隙。
<br>
默认值:[] |
| strokeDashArray | Array
<
Length
>
| 设置边框间隙。
<br>
默认值:[] |
| strokeDashOffset | number
\|
string |
否 |
边框绘制起点的偏移量。
<br>
默认值:0 |
| strokeDashOffset | number
\|
string | 边框绘制起点的偏移量。
<br>
默认值:0 |
| strokeLineCap |
[
LineCapStyle
](
ts-appendix-enums.md#linecapstyle
)
|
否 |
设置边框端点绘制样式。
<br>
默认值:LineCapStyle.Butt |
| strokeLineCap |
[
LineCapStyle
](
ts-appendix-enums.md#linecapstyle
)
| 设置边框端点绘制样式。
<br>
默认值:LineCapStyle.Butt |
| strokeLineJoin |
[
LineJoinStyle
](
ts-appendix-enums.md#linejoinstyle
)
|
否 |
设置边框拐角绘制样式。
<br>
默认值:LineJoinStyle.Miter |
| strokeLineJoin |
[
LineJoinStyle
](
ts-appendix-enums.md#linejoinstyle
)
| 设置边框拐角绘制样式。
<br>
默认值:LineJoinStyle.Miter |
| strokeMiterLimit | number
\|
string |
否 | 设置锐角绘制成斜角的极限值。
<br>
默认值:4
|
| strokeMiterLimit | number
\|
string |
设置锐角绘制成斜角的极限值。
<br>
默认值:4
<br/>
**说明:**
<br/>
Circle组件无法设置锐角图形,该属性设置无效。
|
| strokeOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
|
否 |
设置边框透明度。
<br>
默认值:1 |
| strokeOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 设置边框透明度。
<br>
默认值:1 |
| strokeWidth | Length |
否 |
设置边框宽度。
<br>
默认值:1 |
| strokeWidth | Length | 设置边框宽度。
<br>
默认值:1 |
| antiAlias | boolean |
否 |
是否开启抗锯齿效果。
<br>
默认值:true |
| antiAlias | boolean | 是否开启抗锯齿效果。
<br>
默认值:true |
## 示例
## 示例
...
...
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-ellipse.md
浏览文件 @
012529c8
...
@@ -27,19 +27,19 @@ ellipse(options?: {width?: string | number, height?: string | number})
...
@@ -27,19 +27,19 @@ ellipse(options?: {width?: string | number, height?: string | number})
除支持
[
通用属性
](
ts-universal-attributes-size.md
)
外,还支持以下属性:
除支持
[
通用属性
](
ts-universal-attributes-size.md
)
外,还支持以下属性:
|
参数名称 | 参数类型 | 默认值 | 必填 | 参数
描述 |
|
名称 | 类型 | 默认值 |
描述 |
| -------- | -------- | -------- | -------- |
-------- |
| -------- | -------- | -------- | -------- |
| fill |
[
ResourceColor
](
ts-types.md
)
| Color.Black |
否 |
设置填充区域颜色。 |
| fill |
[
ResourceColor
](
ts-types.md
)
| Color.Black | 设置填充区域颜色。 |
| fillOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 1 |
否 |
设置填充区域透明度。 |
| fillOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 1 | 设置填充区域透明度。 |
| stroke |
[
ResourceColor
](
ts-types.md
)
| - |
否 |
设置边框颜色,不设置时,默认没有边框。 |
| stroke |
[
ResourceColor
](
ts-types.md
)
| - |设置边框颜色,不设置时,默认没有边框。 |
| strokeDashArray | Array
<
Length
>
| [] |
否 |
设置边框间隙。 |
| strokeDashArray | Array
<
Length
>
| [] | 设置边框间隙。 |
| strokeDashOffset | number
\|
string | 0 |
否 |
边框绘制起点的偏移量。 |
| strokeDashOffset | number
\|
string | 0 | 边框绘制起点的偏移量。 |
| strokeLineCap |
[
LineCapStyle
](
ts-appendix-enums.md#linecapstyle
)
| LineCapStyle.Butt |
否 |
设置边框端点绘制样式。 |
| strokeLineCap |
[
LineCapStyle
](
ts-appendix-enums.md#linecapstyle
)
| LineCapStyle.Butt | 设置边框端点绘制样式。 |
| strokeLineJoin |
[
LineJoinStyle
](
ts-appendix-enums.md#linejoinstyle
)
| LineJoinStyle.Miter |
否 |
设置边框拐角绘制样式。 |
| strokeLineJoin |
[
LineJoinStyle
](
ts-appendix-enums.md#linejoinstyle
)
| LineJoinStyle.Miter | 设置边框拐角绘制样式。 |
| strokeMiterLimit | number
\|
string | 4 |
否 |
设置锐角绘制成斜角的极限值。 |
| strokeMiterLimit | number
\|
string | 4 | 设置锐角绘制成斜角的极限值。 |
| strokeOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 1 |
否 |
设置边框透明度。 |
| strokeOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 1 | 设置边框透明度。 |
| strokeWidth | Length | 1 |
否 |
设置边框宽度。 |
| strokeWidth | Length | 1 | 设置边框宽度。 |
| antiAlias | boolean | true |
否 |
是否开启抗锯齿效果。 |
| antiAlias | boolean | true | 是否开启抗锯齿效果。 |
## 示例
## 示例
...
...
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-line.md
浏览文件 @
012529c8
...
@@ -34,21 +34,21 @@ Line(value?: {width?: string | number, height?: string | number})
...
@@ -34,21 +34,21 @@ Line(value?: {width?: string | number, height?: string | number})
除支持
[
通用属性
](
ts-universal-attributes-size.md
)
外,还支持以下属性:
除支持
[
通用属性
](
ts-universal-attributes-size.md
)
外,还支持以下属性:
|
参数名称 | 参数类型 | 默认值 | 必填 | 参数
描述 |
|
名称 | 类型 | 默认值 |
描述 |
| -------- | -------- | -------- | -------- |
-------- |
| -------- | -------- | -------- | -------- |
| startPoint | Array
<
Length
>
| [0,
0] |
否 |
直线起点坐标点(相对坐标),单位vp。 |
| startPoint | Array
<
Length
>
| [0,
0] | 直线起点坐标点(相对坐标),单位vp。 |
| endPoint | Array
<
Length
>
| [0,
0] |
否 |
直线终点坐标点(相对坐标),单位vp。 |
| endPoint | Array
<
Length
>
| [0,
0] | 直线终点坐标点(相对坐标),单位vp。 |
| fill |
[
ResourceColor
](
ts-types.md#resourcecolor
)
| Color.Black |
否 | 设置填充区域颜色
。 |
| fill |
[
ResourceColor
](
ts-types.md#resourcecolor
)
| Color.Black |
设置填充区域颜色。
<br/>
**说明:**
<br/>
Line组件无法形成闭合区域,该属性设置无效
。 |
| fillOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 1 |
否 | 设置填充区域透明度
。 |
| fillOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 1 |
设置填充区域透明度。
<br/>
**说明:**
<br/>
Line组件无法形成闭合区域,该属性设置无效
。 |
| stroke |
[
ResourceColor
](
ts-types.md#resourcecolor
)
| Color.Black |
否 |
设置线条颜色。 |
| stroke |
[
ResourceColor
](
ts-types.md#resourcecolor
)
| Color.Black | 设置线条颜色。 |
| strokeDashArray | Array
<
Length
>
| [] |
否 |
设置线条间隙。 |
| strokeDashArray | Array
<
Length
>
| [] | 设置线条间隙。 |
| strokeDashOffset | number
\|
string | 0 |
否 |
线条绘制起点的偏移量。 |
| strokeDashOffset | number
\|
string | 0 | 线条绘制起点的偏移量。 |
| strokeLineCap |
[
LineCapStyle
](
ts-appendix-enums.md#linecapstyle
)
| LineCapStyle.Butt |
否 |
设置线条端点绘制样式。 |
| strokeLineCap |
[
LineCapStyle
](
ts-appendix-enums.md#linecapstyle
)
| LineCapStyle.Butt | 设置线条端点绘制样式。 |
| strokeLineJoin |
[
LineJoinStyle
](
ts-appendix-enums.md#linejoinstyle
)
| LineJoinStyle.Miter |
否 |
设置线条拐角绘制样式。 |
| strokeLineJoin |
[
LineJoinStyle
](
ts-appendix-enums.md#linejoinstyle
)
| LineJoinStyle.Miter | 设置线条拐角绘制样式。 |
| strokeMiterLimit | number
\|
string | 4 |
否 | 设置锐角绘制成斜角的极限值
。 |
| strokeMiterLimit | number
\|
string | 4 |
设置锐角绘制成斜角的极限值。
<br/>
**说明:**
<br/>
Line组件无法设置锐角图形,该属性设置无效
。 |
| strokeOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 1 |
否 |
设置线条透明度。 |
| strokeOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 1 | 设置线条透明度。 |
| strokeWidth | Length | 1 |
否 |
设置线条宽度。 |
| strokeWidth | Length | 1 | 设置线条宽度。 |
| antiAlias | boolean | true |
否 |
是否开启抗锯齿效果。 |
| antiAlias | boolean | true | 是否开启抗锯齿效果。 |
## 示例
## 示例
...
...
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-path.md
浏览文件 @
012529c8
...
@@ -27,20 +27,20 @@ Path(value?: { width?: number | string; height?: number | string; commands?: str
...
@@ -27,20 +27,20 @@ Path(value?: { width?: number | string; height?: number | string; commands?: str
除支持
[
通用属性
](
ts-universal-attributes-size.md
)
外,还支持以下属性:
除支持
[
通用属性
](
ts-universal-attributes-size.md
)
外,还支持以下属性:
|
参数名称 | 参数类型 | 默认值 | 必填 | 参数
描述 |
|
名称 | 类型 | 默认值 |
描述 |
| -------- | ----------------------------------- | ---- | ----
| ----
------------------------------------ |
| -------- | ----------------------------------- | ---- | ---------------------------------------- |
| commands | string | '' |
否 |
路径绘制的命令字符串,单位为px。像素单位转换方法请参考
[
像素单位转换
](
ts-pixel-units.md
)
。 |
| commands | string | '' | 路径绘制的命令字符串,单位为px。像素单位转换方法请参考
[
像素单位转换
](
ts-pixel-units.md
)
。 |
| fill |
[
ResourceColor
](
ts-types.md
)
| Color.Black |
否 |
设置填充区域颜色。 |
| fill |
[
ResourceColor
](
ts-types.md
)
| Color.Black | 设置填充区域颜色。 |
| fillOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 1 |
否 |
设置填充区域透明度。 |
| fillOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 1 | 设置填充区域透明度。 |
| stroke |
[
ResourceColor
](
ts-types.md
)
| - |
否 |
设置线条颜色。 |
| stroke |
[
ResourceColor
](
ts-types.md
)
| - | 设置线条颜色。 |
| strokeDashArray | Array
<
Length
>
| [] |
否 |
设置线条间隙。 |
| strokeDashArray | Array
<
Length
>
| [] | 设置线条间隙。 |
| strokeDashOffset | number
\|
string | 0 |
否 |
线条绘制起点的偏移量。 |
| strokeDashOffset | number
\|
string | 0 | 线条绘制起点的偏移量。 |
| strokeLineCap |
[
LineCapStyle
](
ts-appendix-enums.md#linecapstyle
)
| LineCapStyle.Butt |
否 |
设置线条端点绘制样式。 |
| strokeLineCap |
[
LineCapStyle
](
ts-appendix-enums.md#linecapstyle
)
| LineCapStyle.Butt | 设置线条端点绘制样式。 |
| strokeLineJoin |
[
LineJoinStyle
](
ts-appendix-enums.md#linejoinstyle
)
| LineJoinStyle.Miter |
否 |
设置线条拐角绘制样式。 |
| strokeLineJoin |
[
LineJoinStyle
](
ts-appendix-enums.md#linejoinstyle
)
| LineJoinStyle.Miter | 设置线条拐角绘制样式。 |
| strokeMiterLimit | number
\|
string | 4 |
否 |
设置锐角绘制成斜角的极限值。 |
| strokeMiterLimit | number
\|
string | 4 | 设置锐角绘制成斜角的极限值。 |
| strokeOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 1 |
否 |
设置线条透明度。 |
| strokeOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 1 | 设置线条透明度。 |
| strokeWidth | Length | 1 |
否 |
设置线条宽度。 |
| strokeWidth | Length | 1 | 设置线条宽度。 |
| antiAlias | boolean | true |
否 |
是否开启抗锯齿效果。 |
| antiAlias | boolean | true | 是否开启抗锯齿效果。 |
commands支持的绘制命令如下:
commands支持的绘制命令如下:
...
...
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-polygon.md
浏览文件 @
012529c8
...
@@ -28,20 +28,20 @@ Polygon(value?: {width?: string | number, height?: string | number})
...
@@ -28,20 +28,20 @@ Polygon(value?: {width?: string | number, height?: string | number})
除支持
[
通用属性
](
ts-universal-attributes-size.md
)
外,还支持以下属性:
除支持
[
通用属性
](
ts-universal-attributes-size.md
)
外,还支持以下属性:
|
参数名称 | 参数类型 | 默认值 | 必填 | 参数
描述 |
|
名称 | 类型 | 默认值 |
描述 |
| -------- | -------- | -------- | -------- |
-------- |
| -------- | -------- | -------- | -------- |
| points | Array
<
Point
>
| [] |
否 |
多边形的顶点坐标列表。 |
| points | Array
<
Point
>
| [] | 多边形的顶点坐标列表。 |
| fill |
[
ResourceColor
](
ts-types.md
)
| Color.Black |
否 |
设置填充区域颜色。 |
| fill |
[
ResourceColor
](
ts-types.md
)
| Color.Black | 设置填充区域颜色。 |
| fillOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 1 |
否 |
设置填充区域透明度。 |
| fillOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 1 | 设置填充区域透明度。 |
| stroke |
[
ResourceColor
](
ts-types.md
)
| - |
否 |
设置边框颜色,不设置时,默认没有边框线条。 |
| stroke |
[
ResourceColor
](
ts-types.md
)
| - | 设置边框颜色,不设置时,默认没有边框线条。 |
| strokeDashArray | Array
<
Length
>
| [] |
否 |
设置边框间隙。 |
| strokeDashArray | Array
<
Length
>
| [] | 设置边框间隙。 |
| strokeDashOffset | number
\|
string | 0 |
否 |
边框绘制起点的偏移量。 |
| strokeDashOffset | number
\|
string | 0 | 边框绘制起点的偏移量。 |
| strokeLineCap |
[
LineCapStyle
](
ts-appendix-enums.md#linecapstyle
)
| LineCapStyle.Butt |
否 |
设置边框端点绘制样式。 |
| strokeLineCap |
[
LineCapStyle
](
ts-appendix-enums.md#linecapstyle
)
| LineCapStyle.Butt | 设置边框端点绘制样式。 |
| strokeLineJoin |
[
LineJoinStyle
](
ts-appendix-enums.md#linejoinstyle
)
| LineJoinStyle.Miter |
否 |
设置边框拐角绘制样式。 |
| strokeLineJoin |
[
LineJoinStyle
](
ts-appendix-enums.md#linejoinstyle
)
| LineJoinStyle.Miter | 设置边框拐角绘制样式。 |
| strokeMiterLimit | number
\|
string | 4 |
否 |
设置锐角绘制成斜角的极限值。 |
| strokeMiterLimit | number
\|
string | 4 | 设置锐角绘制成斜角的极限值。 |
| strokeOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 1 |
否 |
设置边框透明度。 |
| strokeOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 1 | 设置边框透明度。 |
| strokeWidth | Length | 1 |
否 |
设置边框宽度。 |
| strokeWidth | Length | 1 | 设置边框宽度。 |
| antiAlias | boolean | true |
否 |
是否开启抗锯齿效果。 |
| antiAlias | boolean | true | 是否开启抗锯齿效果。 |
## Point
## Point
...
...
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-polyline.md
浏览文件 @
012529c8
...
@@ -28,20 +28,20 @@ Polyline(value?: {width?: string | number, height?: string | number})
...
@@ -28,20 +28,20 @@ Polyline(value?: {width?: string | number, height?: string | number})
除支持
[
通用属性
](
ts-universal-attributes-size.md
)
外,还支持以下属性:
除支持
[
通用属性
](
ts-universal-attributes-size.md
)
外,还支持以下属性:
|
参数名称 | 参数类型 | 默认值 | 必填 | 参数
描述 |
|
名称 | 类型 | 默认值 |
描述 |
| -------- | -------- | -------- | -------- |
-------- |
| -------- | -------- | -------- | -------- |
| points | Array
<
Point
>
| [] |
否 |
折线经过坐标点列表。 |
| points | Array
<
Point
>
| [] | 折线经过坐标点列表。 |
| fill |
[
ResourceColor
](
ts-types.md
)
| Color.Black |
否 |
设置填充区域颜色。 |
| fill |
[
ResourceColor
](
ts-types.md
)
| Color.Black | 设置填充区域颜色。 |
| fillOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 1 |
否 |
设置填充区域透明度。 |
| fillOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 1 | 设置填充区域透明度。 |
| stroke |
[
ResourceColor
](
ts-types.md
)
| - |
否 |
设置线条颜色。 |
| stroke |
[
ResourceColor
](
ts-types.md
)
| - | 设置线条颜色。 |
| strokeDashArray | Array
<
Length
>
| [] |
否 |
设置线条间隙。 |
| strokeDashArray | Array
<
Length
>
| [] | 设置线条间隙。 |
| strokeDashOffset | number
\|
string | 0 |
否 |
线条绘制起点的偏移量。 |
| strokeDashOffset | number
\|
string | 0 | 线条绘制起点的偏移量。 |
| strokeLineCap |
[
LineCapStyle
](
ts-appendix-enums.md#linecapstyle
)
| LineCapStyle.Butt |
否 |
设置线条端点绘制样式。 |
| strokeLineCap |
[
LineCapStyle
](
ts-appendix-enums.md#linecapstyle
)
| LineCapStyle.Butt | 设置线条端点绘制样式。 |
| strokeLineJoin |
[
LineJoinStyle
](
ts-appendix-enums.md#linejoinstyle
)
| LineJoinStyle.Miter |
否 |
设置线条拐角绘制样式。 |
| strokeLineJoin |
[
LineJoinStyle
](
ts-appendix-enums.md#linejoinstyle
)
| LineJoinStyle.Miter | 设置线条拐角绘制样式。 |
| strokeMiterLimit | number
\|
string | 4 |
否 |
设置锐角绘制成斜角的极限值。 |
| strokeMiterLimit | number
\|
string | 4 | 设置锐角绘制成斜角的极限值。 |
| strokeOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 1 |
否 |
设置线条透明度。 |
| strokeOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 1 | 设置线条透明度。 |
| strokeWidth | Length | 1 |
否 |
设置线条宽度。 |
| strokeWidth | Length | 1 | 设置线条宽度。 |
| antiAlias | boolean | true |
否 |
是否开启抗锯齿效果。 |
| antiAlias | boolean | true | 是否开启抗锯齿效果。 |
## Point
## Point
...
...
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-rect.md
浏览文件 @
012529c8
...
@@ -32,22 +32,22 @@ Rect(value?: {width?: string | number,height?: string | number,radius?: string |
...
@@ -32,22 +32,22 @@ Rect(value?: {width?: string | number,height?: string | number,radius?: string |
除支持
[
通用属性
](
ts-universal-attributes-size.md
)
外,还支持以下属性:
除支持
[
通用属性
](
ts-universal-attributes-size.md
)
外,还支持以下属性:
|
参数名称 | 参数类型 | 默认值 | 必填 | 参数
描述 |
|
名称 | 类型 | 默认值 |
描述 |
| -------- | -------- | -------- | -------- |
-------- |
| -------- | -------- | -------- | -------- |
| radiusWidth | string
\|
number | 0 |
否 |
圆角的宽度,仅设置宽时宽高一致。 |
| radiusWidth | string
\|
number | 0 | 圆角的宽度,仅设置宽时宽高一致。 |
| radiusHeight | string
\|
number | 0 |
否 |
圆角的高度,仅设置高时宽高一致。 |
| radiusHeight | string
\|
number | 0 | 圆角的高度,仅设置高时宽高一致。 |
| radius | string
\|
number
\|
Array
<
string
\|
number
>
| 0 |
否 |
圆角半径大小。 |
| radius | string
\|
number
\|
Array
<
string
\|
number
>
| 0 | 圆角半径大小。 |
| fill |
[
ResourceColor
](
ts-types.md
)
| Color.Black |
否 |
设置填充区域颜色。 |
| fill |
[
ResourceColor
](
ts-types.md
)
| Color.Black | 设置填充区域颜色。 |
| fillOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 1 |
否 |
设置填充区域透明度。 |
| fillOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 1 | 设置填充区域透明度。 |
| stroke |
[
ResourceColor
](
ts-types.md
)
| - |
否 |
设置边框颜色,不设置时,默认没有边框。 |
| stroke |
[
ResourceColor
](
ts-types.md
)
| - | 设置边框颜色,不设置时,默认没有边框。 |
| strokeDashArray | Array
<
Length
>
| [] |
否 |
设置边框间隙。 |
| strokeDashArray | Array
<
Length
>
| [] | 设置边框间隙。 |
| strokeDashOffset | number
\|
string | 0 |
否 |
边框绘制起点的偏移量。 |
| strokeDashOffset | number
\|
string | 0 | 边框绘制起点的偏移量。 |
| strokeLineCap |
[
LineCapStyle
](
ts-appendix-enums.md#linecapstyle
)
| LineCapStyle.Butt |
否 |
设置边框端点绘制样式。 |
| strokeLineCap |
[
LineCapStyle
](
ts-appendix-enums.md#linecapstyle
)
| LineCapStyle.Butt | 设置边框端点绘制样式。 |
| strokeLineJoin |
[
LineJoinStyle
](
ts-appendix-enums.md#linejoinstyle
)
| LineJoinStyle.Miter |
否 |
设置边框拐角绘制样式。 |
| strokeLineJoin |
[
LineJoinStyle
](
ts-appendix-enums.md#linejoinstyle
)
| LineJoinStyle.Miter | 设置边框拐角绘制样式。 |
| strokeMiterLimit | number
\|
string | 4 |
否 |
设置锐角绘制成斜角的极限值。 |
| strokeMiterLimit | number
\|
string | 4 | 设置锐角绘制成斜角的极限值。 |
| strokeOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 1 |
否 |
设置边框透明度。 |
| strokeOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 1 | 设置边框透明度。 |
| strokeWidth | Length | 1 |
否 |
设置边框宽度。 |
| strokeWidth | Length | 1 | 设置边框宽度。 |
| antiAlias | boolean | true |
否 |
是否开启抗锯齿效果。 |
| antiAlias | boolean | true | 是否开启抗锯齿效果。 |
## 示例
## 示例
...
...
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-shape.md
浏览文件 @
012529c8
...
@@ -21,31 +21,32 @@
...
@@ -21,31 +21,32 @@
Shape(value?: PixelMap)
Shape(value?: PixelMap)
-
参数
**参数:**
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| value |
[
PixelMap
](
../apis/js-apis-image.md#pixelmap7
)
| 否 | - | 绘制目标,可将图形绘制在指定的PixelMap对象中,若未设置,则在当前绘制目标中进行绘制。 |
| -------- | -------- | -------- | -------- | -------- |
| value |
[
PixelMap
](
../apis/js-apis-image.md#pixelmap7
)
| 否 | - | 绘制目标,可将图形绘制在指定的PixelMap对象中,若未设置,则在当前绘制目标中进行绘制。 |
## 属性
## 属性
除支持
[
通用属性
](
ts-universal-attributes-size.md
)
外,还支持以下属性:
除支持
[
通用属性
](
ts-universal-attributes-size.md
)
外,还支持以下属性:
|
参数名称 | 参数类型 | 默认值 | 必填 | 参数
描述 |
|
名称 | 类型 | 默认值 |
描述 |
| -------- | -------- | -------- | -------- |
-------- |
| -------- | -------- | -------- | -------- |
| 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 } |
否 |
形状的视口。 |
| 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
](
ts-types.md
)
| Color.Black |
否 |
设置填充区域颜色。 |
| fill |
[
ResourceColor
](
ts-types.md
)
| Color.Black | 设置填充区域颜色。 |
| fillOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 1 |
否 |
设置填充区域透明度。 |
| fillOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 1 | 设置填充区域透明度。 |
| stroke |
[
ResourceColor
](
ts-types.md
)
| - |
否 |
设置边框颜色,不设置时,默认没有边框线条。 |
| stroke |
[
ResourceColor
](
ts-types.md
)
| - | 设置边框颜色,不设置时,默认没有边框线条。 |
| strokeDashArray | Array
<
Length
>
| [] |
否 |
设置边框间隙。 |
| strokeDashArray | Array
<
Length
>
| [] | 设置边框间隙。 |
| strokeDashOffset | number
\|
string | 0 |
否 |
边框绘制起点的偏移量。 |
| strokeDashOffset | number
\|
string | 0 | 边框绘制起点的偏移量。 |
| strokeLineCap |
[
LineCapStyle
](
ts-appendix-enums.md#linecapstyle
)
| LineCapStyle.Butt |
否 |
设置边框端点绘制样式。 |
| strokeLineCap |
[
LineCapStyle
](
ts-appendix-enums.md#linecapstyle
)
| LineCapStyle.Butt | 设置边框端点绘制样式。 |
| strokeLineJoin |
[
LineJoinStyle
](
ts-appendix-enums.md#linejoinstyle
)
| LineJoinStyle.Miter |
否 |
设置边框拐角绘制样式。 |
| strokeLineJoin |
[
LineJoinStyle
](
ts-appendix-enums.md#linejoinstyle
)
| LineJoinStyle.Miter | 设置边框拐角绘制样式。 |
| strokeMiterLimit | number
\|
string | 4 |
否 |
设置锐角绘制成斜角的极限值。 |
| strokeMiterLimit | number
\|
string | 4 | 设置锐角绘制成斜角的极限值。 |
| strokeOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 1 |
否 |
设置边框透明度。 |
| strokeOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
| 1 | 设置边框透明度。 |
| strokeWidth | number
\|
string | 1 |
否 |
设置边框宽度。 |
| strokeWidth | number
\|
string | 1 | 设置边框宽度。 |
| antiAlias | boolean | true |
否 |
是否开启抗锯齿效果。 |
| antiAlias | boolean | true | 是否开启抗锯齿效果。 |
| mesh
<sup>
8+
</sup>
| Array
<
number
>
,number,number | [],0,0 |
否 |
设置mesh效果。第一个参数为长度(column + 1)
* (row + 1)*
2的数组,它记录了扭曲后的位图各个顶点位置,第二个参数为mesh矩阵列数column,第三个参数为mesh矩阵行数row。 |
| 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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录