Class Arc

Represents an arc figure, a subclass of the Figure class.

Hierarchy (view full)

Path
- Arc
  - Circle

Constructors

constructor

new Arc(radius, from, to, options?): Arc
Constructs a new Arc instance.
Parameters
- radius: number
  The radius of the arc.
- from: number
  The starting angle of the arc in radians.
- to: number
  The ending angle of the arc in radians.
- Optional options: FigureOptions
  Optional configuration options for the arc.
Returns Arc
Overrides Path.constructor
- Defined in basic/src/widgets/figures/arc.ts:25

Properties

animationInstances

animationInstances: AnimationInstance<Widget>[] = []

centerX

centerX: number

centerY

centerY: number

children

children: Widget[] = []

The child-widgets of the widget.

display

display: boolean = true

eventInstances

eventInstances: EventInstance<Widget>[] = []

fillPaint

fillPaint: Paint

from

from: number

The starting angle of the arc in radians.

hasSet

hasSet: boolean = false

isImplemented

isImplemented: boolean = false

key

key: string = ...

last

last: Widget = ...

parent

parent: Widget

path

path: Path

pathData

pathData: ([0, string] | [1, Path, Path, any] | [2, Path, Path, number])[] = []

plugins

plugins: WidgetPlugin[] = []

progress

progress: number

radius

radius: number

The radius of the arc.

`Private` rect

rect: Float32Array

registeredEvents

registeredEvents: Map<string, Event<Widget>> = ...

setups

setups: {
    generator: Generator<number | {
        animation: Animation<any>;
        duration: number;
        mode: "async" | "sync";
        params: Record<string, any>;
        setAsync: (() => { animation: Animation<any>; mode: "async" | "sync"; duration: number; params: Record<string, any>; setAsync: () => ...; setSync: () => ...; });
        setSync: (() => { animation: Animation<any>; mode: "async" | "sync"; duration: number; params: Record<string, any>; setAsync: () => ...; setSync: () => ...; });
    }, void, unknown>;
    nextFrame: number;
}[] = []

Type declaration

generator: Generator<number | {
    animation: Animation<any>;
    duration: number;
    mode: "async" | "sync";
    params: Record<string, any>;
    setAsync: (() => { animation: Animation<any>; mode: "async" | "sync"; duration: number; params: Record<string, any>; setAsync: () => ...; setSync: () => ...; });
    setSync: (() => { animation: Animation<any>; mode: "async" | "sync"; duration: number; params: Record<string, any>; setAsync: () => ...; setSync: () => ...; });
}, void, unknown>
nextFrame: number

status

status: Status = 'unborn'

strokePaint

strokePaint: Paint

style

style: FigureStyle

to

to: number

The ending angle of the arc in radians.

updates

updates: (<T>(elapsed, widget) => void)[] = []

Type declaration

- <T>(elapsed, widget): void
- Type Parameters
  - T extends Arc
  Parameters
  - elapsed: number
  - widget: T
  Returns void

x

x: number

y

y: number

Accessors

range

get range(): WidgetRange
The range of the widget, taking into account the children, based on the parent coordinate. To be noted that this method should not be overridden.

Returns WidgetRange
The range of the widget.
Inherited from Path.range
- Defined in core/src/widget.ts:455

singleRange

get singleRange(): WidgetRange
The range of the widget, taking into account the children, based on the parent coordinate. To be noted that this method should not be overridden.

Returns WidgetRange
The range of the widget.
Inherited from Path.singleRange
- Defined in core/src/widget.ts:485

Methods

_isAsyncWidget

_isAsyncWidget(): boolean
Returns boolean
Inherited from Path._isAsyncWidget
- Defined in core/src/widget.ts:401

add

add(...children): this
Add children widgets for the widget.
Parameters
- Rest ...children: Widget[] | ((parent) => Widget)[]
  The added children.
Returns this
Inherited from Path.add
- Defined in core/src/widget.ts:156

addFromPathInterpolation

addFromPathInterpolation(start, end, weight): Arc
Parameters
- start: Path
- end: Path
- weight: number
Returns Arc
Inherited from Path.addFromPathInterpolation
- Defined in basic/src/widgets/figures/path.ts:130

addPathFromOptions

addPathFromOptions(one, two, options): Arc
Parameters
- one: Path
- two: Path
- options: any
Returns Arc
Inherited from Path.addPathFromOptions
- Defined in basic/src/widgets/figures/path.ts:124

addPathFromSVGString

addPathFromSVGString(svg): Arc
Parameters
- svg: string
Returns Arc
Inherited from Path.addPathFromSVGString
- Defined in basic/src/widgets/figures/path.ts:118

animate

animate(animation, startAt, duration, params?): this
Parameters
- animation: Animation<any>
- startAt: number
- duration: number
- Optional params: Record<string, any>
Returns this
Inherited from Path.animate
- Defined in core/src/widget.ts:197

calculateIn

calculateIn(x, y): boolean
Calculate the range of the widget, based on the self-coordinate. To be noted that this method should be overridden.
Parameters
- x: number
- y: number
Returns boolean
Inherited from Path.calculateIn
- Defined in basic/src/widgets/figures/path.ts:144

calculateRange

calculateRange(): WidgetRange
Calculate the range of the widget, based on the self-coordinate. To be noted that this method should be overridden.

Returns WidgetRange
The range of the widget.
Inherited from Path.calculateRange
- Defined in basic/src/widgets/figures/path.ts:148

coordinateChildToParent

coordinateChildToParent(x, y): {
x: number;
y: number;
}
Parameters
- x: number
- y: number
Returns {
x: number;
y: number;
}
- x: number
- y: number
Inherited from Path.coordinateChildToParent
- Defined in core/src/widget.ts:520

coordinateParentToChild

coordinateParentToChild(x, y): {
x: number;
y: number;
}
Parameters
- x: number
- y: number
Returns {
x: number;
y: number;
}
- x: number
- y: number
Inherited from Path.coordinateParentToChild
- Defined in core/src/widget.ts:504

copy

copy(): this
Returns this
Inherited from Path.copy
- Defined in core/src/widget.ts:415

draw

draw(canvas): void
Draws the arc figure on the canvas.
Parameters
- canvas: Canvas
  The canvas to draw on.
Returns void
Overrides Path.draw
- Defined in basic/src/widgets/figures/arc.ts:70

emitEvent

emitEvent(name, ...args): this
Parameters
- name: string
- Rest ...args: any[]
Returns this
Inherited from Path.emitEvent
- Defined in core/src/widget.ts:225

hide

hide(): this
Returns this
Inherited from Path.hide
- Defined in core/src/widget.ts:410

init

init(ck): void
Initializes the arc figure.
Parameters
- ck: CanvasKit
  The CanvasKit instance.
Returns void
Overrides Path.init
- Defined in basic/src/widgets/figures/arc.ts:38

isIn

isIn(x, y): boolean
Determine whether the point is in the widget, based on the parent coordinate. To be noted that this method should not be overridden.
Parameters
- x: number
- y: number
Returns boolean
Inherited from Path.isIn
- Defined in core/src/widget.ts:435

kill

kill(): this
Returns this
Inherited from Path.kill
- Defined in core/src/widget.ts:572

on

on(event, effect): this
Parameters
- event: string | Event<Widget>
- effect: ((widget, ...args) => any)
  - - (widget, ...args): any
    - Parameters
      widget: Widget
      Rest ...args: any[]
      Returns any
Returns this
Inherited from Path.on
- Defined in core/src/widget.ts:237

predraw

predraw(ck, propertyChanged?): void
Updates the arc figure based on property changes.
Parameters
- ck: CanvasKit
  The CanvasKit instance.
- Optional propertyChanged: string
  The name of the property that changed.
Returns void
Overrides Path.predraw
- Defined in basic/src/widgets/figures/arc.ts:56

preupdate

preupdate(ck, propertyChanged?): void
Called when the parameters are changed.
Parameters
- ck: CanvasKit
  The namespace of CanvasKit-WASM.
- Optional propertyChanged: string
Returns void
Inherited from Path.preupdate
- Defined in core/src/widget.ts:126

processSetups

processSetups(elapsed): void
Parameters
- elapsed: number
Returns void
Inherited from Path.processSetups
- Defined in core/src/widget.ts:365

registerEvent

registerEvent(name): this
Parameters
- name: string
Returns this
Inherited from Path.registerEvent
- Defined in core/src/widget.ts:215

resurrect

resurrect(): this
Returns this
Inherited from Path.resurrect
- Defined in core/src/widget.ts:578

runAnimation

runAnimation(elapsed, ck): void
Parameters
- elapsed: number
- ck: CanvasKit
Returns void
Inherited from Path.runAnimation
- Defined in core/src/widget.ts:258

setEventListener

setEventListener(element): void
Parameters
- element: HTMLCanvasElement
Returns void
Inherited from Path.setEventListener
- Defined in core/src/widget.ts:326

setUpdate

setUpdate(updateFunc): this
Set up an update function to call it when the widget is changed.
Parameters
- updateFunc: (<T>(elapsed, widget) => void)
  The frame from having gone to current frame.
  - - <T>(elapsed, widget): void
    - Type Parameters
      T extends Arc
      Parameters
      elapsed: number
      widget: T
      Returns void
Returns this
Inherited from Path.setUpdate
- Defined in core/src/widget.ts:338

setup

setup<T>(setupFunc): this
Type Parameters
- T extends Arc
Parameters
- setupFunc: SetupFunction<T>
Returns this
Inherited from Path.setup
- Defined in core/src/widget.ts:344

show

show(): this
Returns this
Inherited from Path.show
- Defined in core/src/widget.ts:405

update

update(canvas): void
Update the object according to the style of the widget. Called when the style is changed.
Parameters
- canvas: Canvas
  The canvas object of CanvasKit-WASM.
Returns void
Inherited from Path.update
- Defined in core/src/widget.ts:135

use

use(...plugins): void
Parameters
- Rest ...plugins: WidgetPlugin[]
Returns void
Inherited from Path.use
- Defined in core/src/widget.ts:397

`Static` absoluteToRelative

absoluteToRelative(widget, x, y): {
x: number;
y: number;
}
Parameters
- widget: Widget
- x: number
- y: number
Returns {
x: number;
y: number;
}
- x: number
- y: number
Inherited from Path.absoluteToRelative
- Defined in core/src/widget.ts:555

`Static` getAbsoluteCoordinates

getAbsoluteCoordinates(widget): {
x: number;
y: number;
}
Parameters
- widget: Widget
Returns {
x: number;
y: number;
}
- x: number
- y: number
Inherited from Path.getAbsoluteCoordinates
- Defined in core/src/widget.ts:533

Class Arc

Hierarchy (view full)

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Parameters

Returns Arc

Properties

animationInstances

centerX

centerY

children

display

eventInstances

fillPaint

from

hasSet

isImplemented

key

last

parent

path

pathData

plugins

progress

radius

Private rect

registeredEvents

setups

Type declaration

nextFrame: number

status

strokePaint

style

to

updates

Type declaration

Type Parameters

Parameters

Returns void

x

y

Accessors

range

Returns WidgetRange

singleRange

Returns WidgetRange

Methods

_isAsyncWidget

Returns boolean

add

Parameters

Returns this

addFromPathInterpolation

Parameters

Returns Arc

addPathFromOptions

Parameters

Returns Arc

addPathFromSVGString

Parameters

Returns Arc

animate

Parameters

Returns this

calculateIn

Parameters

Returns boolean

calculateRange

Returns WidgetRange

coordinateChildToParent

Parameters

Returns { x: number; y: number; }

x: number

y: number

coordinateParentToChild

`Private` rect

Returns {
x: number;
y: number;
}

Returns {
x: number;
y: number;
}

`Static` absoluteToRelative

Returns {
x: number;
y: number;
}