Skip to content

Instantly share code, notes, and snippets.

@mokargas
Last active February 16, 2017 01:14
Show Gist options
  • Save mokargas/7e883c4e343805359896b36671a54a4a to your computer and use it in GitHub Desktop.
Save mokargas/7e883c4e343805359896b36671a54a4a to your computer and use it in GitHub Desktop.

Events commonly used in Fabric.js http://fabricjs.com/

##Canvas##

after:render — fired continuously after each frame is rendered before:render — fired before each frame is rendered canvas:cleared — fired after a call to canvas.clear()

##Mouse##

mouse:over mouse:out mouse:down — fired when mousedown event occurred on canvas mouse:up — fired when mouseup event occurred on canvas mouse:move — fired when the mouse is moving over the canvas mouse:wheel - fired when using the scroll wheel

##Object##

object:added — fired after object has been added object:modified — fired after object is modified (moved, scaled, rotated) object:moving — fired continuously during object movement object:over — fired when mouse is over object (see example below) object:out — fired when mouse is moved away from object (see example below) object:removed — fired when object has been removed object:rotating — fired continuously during object rotating object:scaling — fired continuously during object scaling object:selected — fired when object is selected

##Paths##

path:created — fired when (free-drawn) path is created

##Selection##

before:selection:cleared — fired before selection is cleared (before active group is destroyed) selection:cleared — fired after selection is cleared (after active group is destroyed) selection:created — fired after selection is created (after active group is created)

##Text##

text:editing:entered text:editing:exited text:selection:changed text:changed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment