Class EllipseShape

Hierarchy (View Summary)

DrawableShape
- EllipseShape

Index

Constructors

Properties

_paint fillColor height id locked opacity rotation scaleX scaleY strokeColor strokeWidth visible width x y

Accessors

paint shapeType

Methods

applyPaint applyResize applyTranslate draw drawSelectionOverlay fromJSON fromJSONData getBounds getHandles getTransformedBounds hitTest notifyPropertyChange toJSON toJSONData rotatePoint

Constructors

constructor

new EllipseShape(): EllipseShape
Returns EllipseShape
Inherited from DrawableShape.constructor
- Defined in packages/ui-drawingcanvas/shapes/DrawableShape.d.ts:52

Properties

`Protected`_paint

_paint: Paint

fillColor

fillColor: Color

height

height: number

`Readonly`id

id: string

locked

locked: boolean

opacity

opacity: number

rotation

rotation: number

scaleX

scaleX: number

scaleY

scaleY: number

strokeColor

strokeColor: Color

strokeWidth

strokeWidth: number

visible

visible: boolean

width

width: number

x

x: number

y

y: number

Accessors

paint

get paint(): Paint
Returns Paint
Inherited from DrawableShape.paint
- Defined in packages/ui-drawingcanvas/shapes/DrawableShape.d.ts:53

shapeType

get shapeType(): string
The shape type identifier for JSON serialization

Returns string
Overrides DrawableShape.shapeType
- Defined in packages/ui-drawingcanvas/shapes/EllipseShape.d.ts:4

Methods

`Protected`applyPaint

applyPaint(forFill: boolean): void
Parameters
- forFill: boolean
Returns void
Inherited from DrawableShape.applyPaint
- Defined in packages/ui-drawingcanvas/shapes/DrawableShape.d.ts:92

applyResize

applyResize(x: number, y: number, w: number, h: number): void
Apply a resize operation given the new bounding box position and size. The default implementation sets x, y, width, height directly. Subclasses (e.g. PenShape) may override to use scaleX/scaleY instead.
Parameters
- x: number
- y: number
- w: number
- h: number
Returns void
Inherited from DrawableShape.applyResize
- Defined in packages/ui-drawingcanvas/shapes/DrawableShape.d.ts:73

applyTranslate

applyTranslate(x: number, y: number): void
Parameters
- x: number
- y: number
Returns void
Inherited from DrawableShape.applyTranslate
- Defined in packages/ui-drawingcanvas/shapes/DrawableShape.d.ts:74

draw

draw(canvas: Canvas): void
Draw the shape on the given canvas
Parameters
- canvas: Canvas
Returns void
Overrides DrawableShape.draw
- Defined in packages/ui-drawingcanvas/shapes/EllipseShape.d.ts:6

drawSelectionOverlay

drawSelectionOverlay(
    canvas: Canvas,
    handleSize?: number,
    displayScale?: number,
): void
Draw selection overlay: bounding box + handles, rotated with the shape.
Parameters
- canvas: Canvas
  the canvas to draw on (already inside the shape's canvas transform)
- OptionalhandleSize: number
  handle square size in dp at 1× zoom
- OptionaldisplayScale: number
  the effective display scale (canvasScale × matrix scale). Sizes are divided by this value so that handles appear constant-size on screen regardless of zoom.
Returns void
Inherited from DrawableShape.drawSelectionOverlay
- Defined in packages/ui-drawingcanvas/shapes/DrawableShape.d.ts:91

fromJSON

fromJSON(data: ShapeJSON): void
Parameters
- data: ShapeJSON
Returns void
Inherited from DrawableShape.fromJSON
- Defined in packages/ui-drawingcanvas/shapes/DrawableShape.d.ts:67

`Protected`fromJSONData

fromJSONData(_data: Record<string, any>): void
Restore shape-specific data from JSON
Parameters
- _data: Record<string, any>
Returns void
Inherited from DrawableShape.fromJSONData
- Defined in packages/ui-drawingcanvas/shapes/DrawableShape.d.ts:65

getBounds

getBounds(): BoundingBox
Return the untransformed bounding box (in local coordinates offset by x,y)

Returns BoundingBox
Overrides DrawableShape.getBounds
- Defined in packages/ui-drawingcanvas/shapes/EllipseShape.d.ts:5

getHandles

getHandles(displayScale: number): HandlePoint[]
Get the 8 resize handles + 1 rotation handle in canvas (world) coordinates, accounting for rotation
Parameters
- displayScale: number
Returns HandlePoint[]
Inherited from DrawableShape.getHandles
- Defined in packages/ui-drawingcanvas/shapes/DrawableShape.d.ts:81

getTransformedBounds

getTransformedBounds(displayScale: number): BoundingBox
Get bounding box in canvas space (accounting for position, scale and rotation is simplified as AABB)
Parameters
- displayScale: number
Returns BoundingBox
Inherited from DrawableShape.getTransformedBounds
- Defined in packages/ui-drawingcanvas/shapes/DrawableShape.d.ts:83

hitTest

hitTest(px: number, py: number, scale?: number): boolean
Hit-test a point (in canvas coordinates) against the shape
Parameters
- px: number
- py: number
- Optionalscale: number
Returns boolean
Inherited from DrawableShape.hitTest
- Defined in packages/ui-drawingcanvas/shapes/DrawableShape.d.ts:59

notifyPropertyChange

notifyPropertyChange(propertyName: string, value: any, oldValue?: any): void
Notifies all the registered listeners for the property change event.
Parameters
- propertyName: string
- value: any
- OptionaloldValue: any
Returns void
Inherited from DrawableShape.notifyPropertyChange
- Defined in packages/ui-drawingcanvas/shapes/DrawableShape.d.ts:93

toJSON

toJSON(): ShapeJSON
Returns ShapeJSON
Inherited from DrawableShape.toJSON
- Defined in packages/ui-drawingcanvas/shapes/DrawableShape.d.ts:66

`Protected`toJSONData

toJSONData(): Record<string, any>
Shape-specific extra JSON data

Returns Record<string, any>
Inherited from DrawableShape.toJSONData
- Defined in packages/ui-drawingcanvas/shapes/DrawableShape.d.ts:63

`Static`rotatePoint

rotatePoint(
    px: number,
    py: number,
    cx: number,
    cy: number,
    angleDegrees: number,
): { x: number; y: number }
Rotate a point around a center by angleDegrees, returning the new world position
Parameters
- px: number
- py: number
- cx: number
- cy: number
- angleDegrees: number
Returns { x: number; y: number }
Inherited from DrawableShape.rotatePoint
- Defined in packages/ui-drawingcanvas/shapes/DrawableShape.d.ts:76