🎨
FabricJS - Drawing Canvas
  • Introduction
    • 👋Welcome
    • Key Use Cases
    • Key Features
    • FAQs
  • Using the Plugin
    • Getting Started
    • Set up the Background
    • Set up Click Behavior
    • Saving the Canvas
    • Downloading the Canvas
  • Feature Reference
    • General Settings
    • Workflow Actions
    • Workflow Events
    • Exposed States
  • Use Cases
    • Templates
    • Canva/Visual Moodboard
    • PowerPoint & Slides
    • Image Editor
  • Useful tips
    • Custom Control Menu
    • Responsiveness
    • Element HTML id Attribute
Powered by GitBook
On this page
  1. Introduction

Key Features

PreviousKey Use CasesNextFAQs

Last updated 3 years ago

This plugin enables you to build a robust graphics Canvas on your Bubble web page. There are hundreds of customizations, workflow actions, workflow events, and custom states you can apply to your own graphics canvas once you've added it to your app. For more in-depth feature description and how-to, check out the on the left.

Below is a list of some key features:

General Settings:

  • Set Canvas Background Color

  • Set Background Image

  • Add a Custom Right-Click Context Menu

  • Set Aspect Ratio

Workflow Actions (Workflow Tab)

  • Save the Canvas (as PNG)

  • Save the Canvas (as Serialization, so you can edit later)

  • Add Text, Shape, or Image to Canvas

  • Bring an Element Forward

  • Send an Element Backwards

  • Modify an Element

  • Vertically or Horizontally Flip an Element

Workflow Events (Workflow Tab)

  • Elements Added to the Canvas

  • Canvas has been Modified

  • Generated a saved Canvas image URL

  • Generated a Canvas serialization

Exposed States:

  • PNG URL link to the Canvas (for saving it as an image)

  • Currently Selected Elements

  • Selected Shape - Type, Selected Text Value, Selected Element IDs

"Feature Reference" section
Here's a full list of general settings and how to access them...
Here's a full list of workflow actions and how to access them...
Here's a full list of workflow events and how to access them...
Here's a full list of exposed states and how to access them...