Add Shapes
Images Library
Keyboard Shortcuts & Actions

Contextual for Active Objects

  • Delete Del
  • Copy Ctrl + c
  • Paste Ctrl + v
  • Rotate r
  • Scale s
  • Move m
  • Change Color c
  • Crop x

Canvas and Page Actions

  • Pan to Center o
  • Bring Front f
  • Bring to Front Shift + f
  • Send Backwards b
  • Send to Back Shift + b
  • Change Zoom z

Mouse Actions

  • Pan Canvas Wheel
  • Select/Move Click & Drag
  • Zoom in/out
    Ctrl + Wheel Pinch
  • Interval Rotation Shift + Top handle
Customization Tips

Event-Driven Customization

You can customize the visual behavior of elements by subscribing to Fabric.js events during the extension initialization. This allows you to create your own components, modify controls, borders, selection styles, and interaction feedback.

install(canvas, {
  'actionsToInstall': {
    '*': true,
    moveActiveElement: {
      open(coords, update) {
        console.log('moveActiveElement open', coords, update);
      },
    }
  }
});