Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
c050f86d
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看板
未验证
提交
c050f86d
编写于
9月 27, 2022
作者:
L
luoying_ace
提交者:
Gitee
9月 27, 2022
1
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-circle.md.
Signed-off-by:
N
luoying_ace
<
luoying19@huawei.com
>
上级
67857918
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
27 addition
and
21 deletion
+27
-21
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-circle.md
...on-dev/reference/arkui-ts/ts-drawing-components-circle.md
+27
-21
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-circle.md
浏览文件 @
c050f86d
...
...
@@ -17,28 +17,28 @@
Circle(options?: {width?: string | number, height?: string | number})
-
参数
| 参数名 | 参数类型 | 必填 |
默认值 |
参数描述 |
| -------- | -------- | -------- | -------- |
-------- |
| width | string
\|
number | 否 |
0 | 宽度。
|
| height | string
\|
number | 否 |
0 | 高度。
|
| 参数名 | 参数类型 | 必填 | 参数描述 |
| -------- | -------- | -------- | -------- |
| width | string
\|
number | 否 |
宽度。
<br>
默认值:0
|
| height | string
\|
number | 否 |
高度。
<br>
默认值:0
|
## 属性
除支持
[
通用属性
](
ts-universal-attributes-size.md
)
外,还支持以下属性:
| 参数名称 | 参数类型 |
默认值 |
必填 | 参数描述 |
| -------- | -------- | -------- | -------- |
-------- |
| fill |
[
ResourceColor
](
ts-types.md
)
|
Color.Black | 否 | 设置填充区域颜色。
|
| fillOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
|
1 | 否 | 设置填充区域透明度。
|
| stroke |
[
ResourceColor
](
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
](
ts-types.md#resource类型
)
|
1 | 否 | 设置线条透明度。
|
| strokeWidth | Length |
1 | 否 | 设置线条宽度。
|
| antiAlias | boolean |
true | 否 | 是否开启抗锯齿效果。
|
| 参数名称 | 参数类型 | 必填 | 参数描述 |
| -------- | -------- | -------- | -------- |
| fill |
[
ResourceColor
](
ts-types.md
)
|
否 | 设置填充区域颜色。
<br>
默认值:Color.Black
|
| fillOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
|
否 | 设置填充区域透明度。
<br>
默认值:1
|
| stroke |
[
ResourceColor
](
ts-types.md
)
|
否 | 设置线条颜色。
<br>
默认值:Color.Black
|
| strokeDashArray | Array
<
Length
>
|
否 | 设置线条间隙。
<br>
默认值:[]
|
| strokeDashOffset | number
\|
string
| 否 | 线条绘制起点的偏移量。
<br>
默认值:0
|
| strokeLineCap |
[
LineCapStyle
](
ts-appendix-enums.md#linecapstyle
)
|
否 | 设置线条端点绘制样式。
<br>
默认值:LineCapStyle.Butt
|
| strokeLineJoin |
[
LineJoinStyle
](
ts-appendix-enums.md#linejoinstyle
)
|
否 | 设置线条拐角绘制样式。
<br>
默认值:LineJoinStyle.Miter
|
| strokeMiterLimit | number
\|
string |
否 | 设置锐角绘制成斜角的极限值。
<br>
默认值:4
|
| strokeOpacity | number
\|
string
\|
[
Resource
](
ts-types.md#resource类型
)
|
否 | 设置线条透明度。
<br>
默认值:1
|
| strokeWidth | Length |
否 | 设置线条宽度。
<br>
默认值:1
|
| antiAlias | boolean |
否 | 是否开启抗锯齿效果。
<br>
默认值:true
|
## 示例
...
...
@@ -49,12 +49,18 @@ Circle(options?: {width?: string | number, height?: string | number})
@
Component
struct
CircleExample
{
build
()
{
Flex
({
justifyContent
:
FlexAlign
.
SpaceAround
})
{
Column
({
space
:
10
})
{
// 绘制一个直径为150的圆
Circle
({
width
:
150
,
height
:
150
})
// 绘制一个直径为150的圆
Circle
().
width
(
150
).
height
(
150
)
}.
width
(
'
100%
'
).
margin
({
top
:
5
})
// 绘制一个直径为150、线条为红色虚线的圆环(宽高设置不一致时以短边为直径)
Circle
()
.
width
(
150
)
.
height
(
200
)
.
fillOpacity
(
0
)
.
strokeWidth
(
3
)
.
stroke
(
Color
.
Red
)
.
strokeDashArray
([
1
,
2
])
}.
width
(
'
100%
'
)
}
}
```
...
...
Miykael_xxm
🚴
@xiongjiamu
mentioned in commit
8d77e81e
·
9月 30, 2022
mentioned in commit
8d77e81e
mentioned in commit 8d77e81efe480021b8b2693e995b9a74f9353656
开关提交列表
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录