🎨
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. Install the FabricJS Drawing & Painting Canvas Plugin
  • 2. Add the "Canvas Main" element to your page
  • 3. Preview the Page!
  1. Using the Plugin

Getting Started

PreviousFAQsNextSet up the Background

Last updated 3 years ago

If you feel like this plugin could be useful for you, we encourage you to subscribe to the monthly plan — subscriptions are pro-rated so giving it a trial is low-risk (i.e. subscribing to the plugin for a few days will cost you a matter of pennies).

Below are the instructions to get started:

1. Install the Plugin

Follow and install the plugin in a Bubble application

2. Add the "Canvas Main" element to your page

On the design tab of your Bubble app, add the "Canvas Main" element

3. Preview the Page!

Voila! Click "Preview" -- you now have a basic version of the Drawing Canvas Plugin on your page. You should be able to draw within the bounds of your Canvas on your app's page.

Next, you'll learn how to add general settings, like a background color, background image, and how to change from "Free Draw" mode to "Select", "Draw Shapes", and "Add Text" modes.

FabricJS Drawing & Painting Canvas
this link