椭圆 | Ellipse

用于绘制圆、椭圆、圆环、扇形、扇形圆环、弧线。

圆心位于 width / 2, height / 2 处, 只设置 widthwidth = height 时为圆。

关键属性

width:number

直径 、 x 轴直径。

// 圆
const ellipse = new Ellipse({
  width: 100
  fill: "rgb(50,205,121)",
})

height:number

y 轴直径。

// 椭圆
const ellipse = new Ellipse({
  width: 100,
  height: 200,
  fill: 'rgb(50,205,121)',
})

innerRadius:number

内半径比例, 取值范围为 0.0 ~ 1.0。

// 绘制圆环
ellipse.innerRadius = 0.5

startAngle:number

弧形的起始角度, 取值范围为 -180 ~ 180。

endAngle:number

弧形的结束角度, 取值范围为 -180 ~ 180。

// 绘制扇形
ellipse.startAngle = 0
ellipse.endAngle = 90

继承属性

图层属性 Layer

布局属性 Layout

填充样式 Fill

描边样式 Stroke

圆角样式 Corner

特效样式 Effect

继承

UI > Leaf