A responsive drawing plugin that allows users to paint/drag & draw, add/select shapes and text, dynamically adjust brush size and color, background color, use undo/redo functions, erase parts of the drawing, clear the canvas, save the artwork as an image, and extract an image URL for easy sharing.
MAIN FEATURES➡️
Drag & Draw: Intuitively create shapes and arrows by clicking and dragging to control size and orientation in real-time.
➡️
Easy Rendering : Smoothly renders without resetting the drawing on input change.
➡️
Responsive Design: Adapts to various screen sizes.
➡️
Geometric Shapes: Easily insert Rectangles, Circles, and Triangles with sharp, crisp edges.
➡️
Lines & Arrows: Draw straight lines and directional arrows for diagrams and flowcharts.
➡️
Text Annotations: Add text overlays to your canvas with customizable fonts and colors.
➡️
Object Selection & Styling: Select, move, resize, and delete individual elements. Dynamically change Fill and Stroke colors for selected shapes.
➡️
Layer Management: Organize your drawing by sending objects to the back or bringing them to the front.
➡️
Set Background Image: Add a photo as the background and freely draw over it to highlight or illustrate.
➡️
Dynamic Brush Settings: Adjust brush size and color dynamically for freehand drawing.
➡️
Customizable Background: Choose and change the background color.
➡️
Undo/Redo: Easily correct mistakes. (Customize the no. of steps to undo/redo, for example, up to 50 steps or more).
➡️
Eraser Tool: Erase parts of your drawing without affecting the rest.
➡️
Clear All: Clear the entire canvas with one click.
➡️
Save as Image: Download your drawing as an image file.
➡️
Extract Image URL: Generates an image URL of the drawing, saved in Bubble for easy sharing.
➡️
Fabric.js Integration: Leverages Fabric.js to provide an interactive and flexible drawing experience.
Other Plugins