Element Reference

Circle Element

1. Shape

interface CircleClip extends BaseClip {
  type: "circle";
  size: number;
  startAngle?: number;
  endAngle?: number;
}

2. Supported fields

size

  • Type: number
  • Required: yes
  • Purpose: circle diameter

startAngle

  • Type: number
  • Required: no
  • Purpose: start angle

endAngle

  • Type: number
  • Required: no
  • Purpose: end angle

3. Example

{
  "type": "circle",
  "start": 0,
  "duration": 3,
  "size": 180,
  "transform": {
    "x": "50%",
    "y": "50%"
  },
  "style": {
    "fill": "#22c55e"
  }
}