🔧 How to Use PictureDraw 1. Add the PictureDraw element
Place the PictureDraw element on your Bubble app page and configure its initial settings (canvas size, default color, brush size, etc.) through the plugin options.

2. Insert the required HTML container
Add an HTML element to your page with the required ID (e.g., "myCanvasContainer"). This container will automatically load the canvas layers.

3. Load your image
Use a dynamic image source (from Bubble's database or static URL) to load your JPG or PNG image onto the canvas.

4. Draw and annotate
Use built-in tools for:

Freehand drawing

Highlighting

Undo/Redo actions

Bucket fill (area coloring)

5. Save or export the image
Save the edited image back to your database, or allow users to download it as a PNG file.

6. Seamless integration
The plugin dynamically creates canvas layers within your HTML container, ensuring clean editing and easy reset without affecting the original image.

📄 Documentation:
🔗 https://www.notion.so/PictureDraw-Drawing-Canvas-Plugin-for-Bubble-2005f7642b78803ba7f5d2a1d0eb7fab?source=copy_link

🧪 Demo & Workflow Logic
Live demo app: https://srpski-jeyik.bubbleapps.io/version-test

Clone editor access: https://bubble.io/page?id=srpski-jeyik&tab=Design&name=index