Interface CanvasEvents

Hierarchy

Properties

after:render before:path:created before:render before:selection:cleared before:transform canvas:cleared contextmenu contextmenu:before drag drag:enter drag:leave dragend dragenter dragleave dragover dragstart drop drop:after drop:before erasing:end erasing:start mouse:dblclick mouse:down mouse:down:before mouse:move mouse:move:before mouse:out mouse:over mouse:up mouse:up:before mouse:wheel object:added object:modified object:moving object:removed object:resizing object:rotating object:scaling object:skewing path:created selection:cleared selection:created selection:updated text:changed text:editing:entered text:editing:exited text:selection:changed

Properties

after:render

after:render: {
    ctx: CanvasRenderingContext2D;
}

Type declaration

  • ctx: CanvasRenderingContext2D

before:path:created

before:path:created: {
    path: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>;
}

Type declaration

before:render

before:render: {
    ctx: CanvasRenderingContext2D;
}

Type declaration

  • ctx: CanvasRenderingContext2D

before:selection:cleared

before:selection:cleared: Partial<TEvent<TPointerEvent>> & {
    deselected: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>[];
}

Type declaration

before:transform

before:transform: TEvent<TPointerEvent> & {
    transform: Transform;
}

Type declaration

canvas:cleared

canvas:cleared: never

contextmenu

contextmenu: SimpleEventHandler<Event>

contextmenu:before

contextmenu:before: SimpleEventHandler<Event>

drag

drag: DragEventData

drag:enter

drag:enter: DragEventData & InEvent

drag:leave

drag:leave: DragEventData & OutEvent

dragend

dragend: DragEventData

dragenter

dragenter: DragEventData & InEvent

dragleave

dragleave: DragEventData & OutEvent

dragover

dragover: DragEventData

dragstart

dragstart: TEventWithTarget<DragEvent>

drop

drop: DropEventData

drop:after

drop:after: DropEventData

drop:before

drop:before: DropEventData

erasing:end

erasing:end: {
    drawables: {
        backgroundImage?: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>;
        overlayImage?: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>;
    };
    path: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>;
    subTargets: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>[];
    targets: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>[];
}

Type declaration

erasing:start

erasing:start: never

mouse:dblclick

mouse:dblclick: TPointerEventInfo<TPointerEvent>

mouse:down

mouse:down: TPointerEventInfo<TPointerEvent>

mouse:down:before

mouse:down:before: TPointerEventInfo<TPointerEvent>

mouse:move

mouse:move: TPointerEventInfo<TPointerEvent>

mouse:move:before

mouse:move:before: TPointerEventInfo<TPointerEvent>

mouse:out

mouse:out: TPointerEventInfo<TPointerEvent> & OutEvent

mouse:over

mouse:over: TPointerEventInfo<TPointerEvent> & InEvent

mouse:up

mouse:up: TPointerEventInfo<TPointerEvent>

mouse:up:before

mouse:up:before: TPointerEventInfo<TPointerEvent>

mouse:wheel

mouse:wheel: TPointerEventInfo<WheelEvent>

object:added

object:added: {
    target: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>;
}

Type declaration

object:modified

object:modified: ModifiedEvent<TPointerEvent> | {
    target: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>;
}

Type declaration

object:moving

object:moving: BasicTransformEvent<TPointerEvent> & {
    target: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>;
}

Type declaration

object:removed

object:removed: {
    target: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>;
}

Type declaration

object:resizing

object:resizing: BasicTransformEvent<TPointerEvent> & {
    target: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>;
}

Type declaration

object:rotating

object:rotating: BasicTransformEvent<TPointerEvent> & {
    target: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>;
}

Type declaration

object:scaling

object:scaling: BasicTransformEvent<TPointerEvent> & {
    target: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>;
}

Type declaration

object:skewing

object:skewing: BasicTransformEvent<TPointerEvent> & {
    target: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>;
}

Type declaration

path:created

path:created: {
    path: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>;
}

Type declaration

selection:cleared

selection:cleared: Partial<TEvent<TPointerEvent>> & {
    deselected: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>[];
}

Type declaration

selection:created

selection:created: Partial<TEvent<TPointerEvent>> & {
    selected: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>[];
}

Type declaration

selection:updated

selection:updated: Partial<TEvent<TPointerEvent>> & {
    deselected: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>[];
    selected: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>[];
}

Type declaration

text:changed

text:changed: {
    target: IText<Partial<ITextProps>, SerializedITextProps, ITextEvents>;
}

Type declaration

text:editing:entered

text:editing:entered: {
    target: IText<Partial<ITextProps>, SerializedITextProps, ITextEvents>;
}

Type declaration

text:editing:exited

text:editing:exited: {
    target: IText<Partial<ITextProps>, SerializedITextProps, ITextEvents>;
}

Type declaration

text:selection:changed

text:selection:changed: {
    target: IText<Partial<ITextProps>, SerializedITextProps, ITextEvents>;
}

Type declaration

Settings

Member Visibility

Theme

On This Page

Generated using TypeDoc