Skip to content

CanvasEvents

Defined in: src/EventTypeDefs.ts:318

after:render: object

Defined in: src/EventTypeDefs.ts:313

ctx: CanvasRenderingContext2D

StaticCanvasEvents.after:render


before:path:created: object

Defined in: src/EventTypeDefs.ts:326

path: FabricObject


before:render: object

Defined in: src/EventTypeDefs.ts:312

ctx: CanvasRenderingContext2D

StaticCanvasEvents.before:render


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

Defined in: src/EventTypeDefs.ts:226

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

CanvasSelectionEvents.before:selection:cleared


before:transform: TEvent<TPointerEvent> & object

Defined in: src/EventTypeDefs.ts:151

transform: Transform

CanvasModificationEvents.before:transform


canvas:cleared: never

Defined in: src/EventTypeDefs.ts:309

StaticCanvasEvents.canvas:cleared


contextmenu: SimpleEventHandler<Event>

Defined in: src/EventTypeDefs.ts:283

MiscEvents.contextmenu


contextmenu:before: SimpleEventHandler<Event>

Defined in: src/EventTypeDefs.ts:282

MiscEvents.contextmenu:before


drag: DragEventData

Defined in: src/EventTypeDefs.ts:203

CanvasDnDEvents.drag


drag:enter: DragEventData & InEvent

Defined in: src/EventTypeDefs.ts:214

CanvasDnDEvents.drag:enter


drag:leave: DragEventData & OutEvent

Defined in: src/EventTypeDefs.ts:215

CanvasDnDEvents.drag:leave


dragend: DragEventData

Defined in: src/EventTypeDefs.ts:207

CanvasDnDEvents.dragend


dragenter: DragEventData & InEvent

Defined in: src/EventTypeDefs.ts:205

CanvasDnDEvents.dragenter


dragleave: DragEventData & OutEvent

Defined in: src/EventTypeDefs.ts:206

CanvasDnDEvents.dragleave


dragover: DragEventData

Defined in: src/EventTypeDefs.ts:204

CanvasDnDEvents.dragover


dragstart: TEventWithTarget<DragEvent>

Defined in: src/EventTypeDefs.ts:202

CanvasDnDEvents.dragstart


drop: DropEventData

Defined in: src/EventTypeDefs.ts:209

CanvasDnDEvents.drop


drop:after: DropEventData

Defined in: src/EventTypeDefs.ts:210

CanvasDnDEvents.drop:after


drop:before: DropEventData

Defined in: src/EventTypeDefs.ts:208

CanvasDnDEvents.drop:before


erasing:end: object

Defined in: src/EventTypeDefs.ts:331

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:330


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:235

target: FabricObject

StaticCanvasEvents.object:added


object:layout:after: LayoutAfterEvent & object

Defined in: src/EventTypeDefs.ts:315

target: Group

StaticCanvasEvents.object:layout:after


object:layout:before: LayoutBeforeEvent & object

Defined in: src/EventTypeDefs.ts:314

target: Group

StaticCanvasEvents.object:layout:before


object:modified: ModifiedEvent

Defined in: src/EventTypeDefs.ts:161

CanvasModificationEvents.object:modified


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

Defined in: src/EventTypeDefs.ts:158

target: FabricObject

CanvasModificationEvents.object:modifyPath


object:modifyPoly: BasicTransformEvent<TPointerEvent> & object

Defined in: src/EventTypeDefs.ts:157

target: FabricObject

CanvasModificationEvents.object:modifyPoly


object:moving: BasicTransformEvent<TPointerEvent> & object

Defined in: src/EventTypeDefs.ts:152

target: FabricObject

CanvasModificationEvents.object:moving


object:removed: object

Defined in: src/EventTypeDefs.ts:236

target: FabricObject

StaticCanvasEvents.object:removed


object:resizing: BasicTransformEvent<TPointerEvent> & object

Defined in: src/EventTypeDefs.ts:156

target: FabricObject

CanvasModificationEvents.object:resizing


object:rotating: BasicTransformEvent<TPointerEvent> & object

Defined in: src/EventTypeDefs.ts:154

target: FabricObject

CanvasModificationEvents.object:rotating


object:scaling: BasicTransformEvent<TPointerEvent> & object

Defined in: src/EventTypeDefs.ts:153

target: FabricObject

CanvasModificationEvents.object:scaling


object:skewing: BasicTransformEvent<TPointerEvent> & object

Defined in: src/EventTypeDefs.ts:155

target: FabricObject

CanvasModificationEvents.object:skewing


path:created: object

Defined in: src/EventTypeDefs.ts:327

path: FabricObject


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

Defined in: src/EventTypeDefs.ts:229

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

CanvasSelectionEvents.selection:cleared


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

Defined in: src/EventTypeDefs.ts:219

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

CanvasSelectionEvents.selection:created


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

Defined in: src/EventTypeDefs.ts:222

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

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

CanvasSelectionEvents.selection:updated


text:changed: object

Defined in: src/EventTypeDefs.ts:345

target: IText


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

Defined in: src/EventTypeDefs.ts:346

target: IText


text:editing:exited: object

Defined in: src/EventTypeDefs.ts:347

target: IText


text:selection:changed: object

Defined in: src/EventTypeDefs.ts:344

target: IText