Skip to content

CanvasEvents

Defined in: src/EventTypeDefs.ts:322

after:render: object

Defined in: src/EventTypeDefs.ts:317

ctx: CanvasRenderingContext2D

StaticCanvasEvents.after:render


before:path:created: object

Defined in: src/EventTypeDefs.ts:331

path: FabricObject


before:render: object

Defined in: src/EventTypeDefs.ts:316

ctx: CanvasRenderingContext2D

StaticCanvasEvents.before:render


before:selection:cleared: Partial<TEvent<TPointerEvent>> & object

Defined in: src/EventTypeDefs.ts:231

deselected: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>[]

CanvasSelectionEvents.before:selection:cleared


before:transform: TEvent<TPointerEvent> & object

Defined in: src/EventTypeDefs.ts:154

transform: Transform

CanvasModificationEvents.before:transform


canvas:cleared: never

Defined in: src/EventTypeDefs.ts:313

StaticCanvasEvents.canvas:cleared


contextmenu: SimpleEventHandler<Event>

Defined in: src/EventTypeDefs.ts:290

MiscEvents.contextmenu


contextmenu:before: SimpleEventHandler<Event>

Defined in: src/EventTypeDefs.ts:289

MiscEvents.contextmenu:before


drag: DragEventData

Defined in: src/EventTypeDefs.ts:208

CanvasDnDEvents.drag


drag:enter: DragEventData & InEvent

Defined in: src/EventTypeDefs.ts:219

CanvasDnDEvents.drag:enter


drag:leave: DragEventData & OutEvent

Defined in: src/EventTypeDefs.ts:220

CanvasDnDEvents.drag:leave


dragend: DragEventData

Defined in: src/EventTypeDefs.ts:212

CanvasDnDEvents.dragend


dragenter: DragEventData & InEvent

Defined in: src/EventTypeDefs.ts:210

CanvasDnDEvents.dragenter


dragleave: DragEventData & OutEvent

Defined in: src/EventTypeDefs.ts:211

CanvasDnDEvents.dragleave


dragover: DragEventData

Defined in: src/EventTypeDefs.ts:209

CanvasDnDEvents.dragover


dragstart: TEventWithTarget<DragEvent>

Defined in: src/EventTypeDefs.ts:207

CanvasDnDEvents.dragstart


drop: DropEventData

Defined in: src/EventTypeDefs.ts:214

CanvasDnDEvents.drop


drop:after: DropEventData

Defined in: src/EventTypeDefs.ts:215

CanvasDnDEvents.drop:after


drop:before: DropEventData

Defined in: src/EventTypeDefs.ts:213

CanvasDnDEvents.drop:before


erasing:end: object

Defined in: src/EventTypeDefs.ts:336

drawables: object

optional backgroundImage: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>

optional overlayImage: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>

path: FabricObject

subTargets: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>[]

targets: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>[]


erasing:start: never

Defined in: src/EventTypeDefs.ts:335


mouse:dblclick: TPointerEventInfo<TPointerEvent>

CanvasPointerEvents.mouse:dblclick


mouse:down: TPointerEventInfo<TPointerEvent> & TPointerEventInfo<TPointerEvent> & object

alreadySelected: boolean

Indicates if the target or current target where already selected before the cycle of mouse down -> mouse up started

CanvasEvents.mouse:down


mouse:down:before: TPointerEventInfo<TPointerEvent>

CanvasPointerEvents.mouse:down:before


mouse:move: TPointerEventInfo<TPointerEvent>

CanvasPointerEvents.mouse:move


mouse:move:before: TPointerEventInfo<TPointerEvent>

CanvasPointerEvents.mouse:move:before


mouse:out: TPointerEventInfo<TPointerEvent> & OutEvent

CanvasPointerEvents.mouse:out


mouse:over: TPointerEventInfo<TPointerEvent> & InEvent

CanvasPointerEvents.mouse:over


mouse:tripleclick: TPointerEventInfo<TPointerEvent>

CanvasPointerEvents.mouse:tripleclick


mouse:up: TPointerEventInfo<TPointerEvent> & object

isClick: boolean

CanvasPointerEvents.mouse:up


mouse:up:before: TPointerEventInfo<TPointerEvent> & object

isClick: boolean

CanvasPointerEvents.mouse:up:before


mouse:wheel: TPointerEventInfo<WheelEvent>

CanvasPointerEvents.mouse:wheel


object:added: object

Defined in: src/EventTypeDefs.ts:240

target: FabricObject

StaticCanvasEvents.object:added


object:layout:after: LayoutAfterEvent & object

Defined in: src/EventTypeDefs.ts:319

target: Group

StaticCanvasEvents.object:layout:after


object:layout:before: LayoutBeforeEvent & object

Defined in: src/EventTypeDefs.ts:318

target: Group

StaticCanvasEvents.object:layout:before


object:modified: ModifiedEvent

Defined in: src/EventTypeDefs.ts:164

CanvasModificationEvents.object:modified


object:modifyPath: BasicTransformEvent<TPointerEvent> & object & ModifyPathEvent

Defined in: src/EventTypeDefs.ts:161

target: FabricObject

CanvasModificationEvents.object:modifyPath


object:modifyPoly: BasicTransformEvent<TPointerEvent> & object

Defined in: src/EventTypeDefs.ts:160

target: FabricObject

CanvasModificationEvents.object:modifyPoly


object:moving: BasicTransformEvent<TPointerEvent> & object

Defined in: src/EventTypeDefs.ts:155

target: FabricObject

CanvasModificationEvents.object:moving


object:removed: object

Defined in: src/EventTypeDefs.ts:241

target: FabricObject

StaticCanvasEvents.object:removed


object:resizing: BasicTransformEvent<TPointerEvent> & object

Defined in: src/EventTypeDefs.ts:159

target: FabricObject

CanvasModificationEvents.object:resizing


object:rotating: BasicTransformEvent<TPointerEvent> & object

Defined in: src/EventTypeDefs.ts:157

target: FabricObject

CanvasModificationEvents.object:rotating


object:scaling: BasicTransformEvent<TPointerEvent> & object

Defined in: src/EventTypeDefs.ts:156

target: FabricObject

CanvasModificationEvents.object:scaling


object:skewing: BasicTransformEvent<TPointerEvent> & object

Defined in: src/EventTypeDefs.ts:158

target: FabricObject

CanvasModificationEvents.object:skewing


path:created: object

Defined in: src/EventTypeDefs.ts:332

path: FabricObject


pinch: TPointerEventInfo<TPointerEvent> & object

scale: number

CanvasPointerEvents.pinch


rotate: TPointerEventInfo<TPointerEvent> & object

rotation: number

CanvasPointerEvents.rotate


selection:cleared: Partial<TEvent<TPointerEvent>> & object

Defined in: src/EventTypeDefs.ts:234

deselected: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>[]

CanvasSelectionEvents.selection:cleared


selection:created: Partial<TEvent<TPointerEvent>> & object

Defined in: src/EventTypeDefs.ts:224

selected: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>[]

CanvasSelectionEvents.selection:created


selection:updated: Partial<TEvent<TPointerEvent>> & object

Defined in: src/EventTypeDefs.ts:227

deselected: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>[]

selected: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>[]

CanvasSelectionEvents.selection:updated


text:changed: object

Defined in: src/EventTypeDefs.ts:350

target: IText


text:editing:entered: object & Partial<TEvent<TPointerEvent>>

Defined in: src/EventTypeDefs.ts:351

target: IText


text:editing:exited: object

Defined in: src/EventTypeDefs.ts:352

target: IText


text:selection:changed: object

Defined in: src/EventTypeDefs.ts:349

target: IText