Circle

About 3 min

Circle

说明: 该组件从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。

圆形绘制组件。

权限列表

子组件

接口

Circle(options?: {width: Length, height: Length})

  • 参数

    参数名

    参数类型

    必填

    默认值

    参数描述

    options

    Object

    -

    options参数说明

  • options参数说明

    参数名

    参数类型

    必填

    默认值

    参数描述

    width

    Length

    -

    宽度。

    height

    Length

    -

    高度。

属性

参数名称

参数类型

默认值

必填

参数描述

width

Length

0

圆所在矩形的宽度。

height

Length

0

圆所在矩形的高度。

示例

@Entry
@Component
struct CircleExample {
  build() {
    Flex({ justifyContent: FlexAlign.SpaceAround }) {
      // 绘制一个直径为150的圆
      Circle({ width: 150, height: 150 })
      // 绘制一个直径为150的圆
      Circle().width(150).height(150)
    }.width('100%').margin({ top: 5 })
  }
}
1
2
3
4
5
6
7
8
9
10
11
12