Object Events

Overview

The editor emits object lifecycle and transform events so you can react to changes as they happen.

Events

object:created

editor.on('object:created', ({ object }) => {
  console.log('Created', object.id)
})

object:updated

editor.on('object:updated', ({ object, changes }) => {
  console.log('Updated', object.id, changes)
})

object:deleted

editor.on('object:deleted', ({ objectId }) => {
  console.log('Deleted', objectId)
})

object:moved

editor.on('object:moved', ({ object, delta }) => {
  console.log('Moved', object.id, delta)
})

object:scaled

editor.on('object:scaled', ({ object, scale }) => {
  console.log('Scaled', object.id, scale)
})

object:rotated

editor.on('object:rotated', ({ object, angle }) => {
  console.log('Rotated', object.id, angle)
})

Compatibility

Legacy events object:added, object:modified, and object:removed are still emitted.