The HTML5 Canvas with Fabric.js is a powerful tool, designed to make creating and manipulating canvas elements easy and intuitive. Built on the Fabric.js library, this plugin provides a robust object model, an SVG parser, and a wide array of features for adding, modifying, and customizing canvas objects. Whether you want to create unique drawings, design interactive canvases, or save final images in various formats, this plugin has you covered. Perfect for developers and designers looking to enhance their web applications with rich, interactive graphics.                                                    
Usage Features:

- Draw on the canvas with custom brushes, including Crayon, Fur, Ink, Longfur, Ribbon, Sketchy, Spray, and Web.
- Trigger events upon drawing completion, allowing custom workflows and actions to follow the user's drawing.
- Modify canvas elements with properties like color, angle, shadow, opacity, stroke width, stroke color, font style, family, and weight.
- Create shapes like rectangles, triangles, circles, and ellipses with customizable dimensions, angle, stroke width, color, and opacity.
- Add and format text on the canvas, adjusting font size, family, weight, style, color, alignment, background color, line height, and various text decorations.
- Upload and manipulate images on the canvas with options to resize, rotate, flip, and set images as backgrounds.
- Delete selected or all elements on the canvas, enabling easy resetting and editing of the design.
- Lock elements as a background image to prevent accidental modifications.
- Export the final canvas image with adjustable quality and format options (webp, png, jpeg, bmp).

   



Feedback




FAQ

- Can I use custom brushes with this plugin?  
Yes, this plugin includes several custom brushes, such as Crayon, Fur, Ink, Longfur, Ribbon, Sketchy, Spray, and Web. You can select the desired brush for unique drawing effects.

- How can I modify existing elements on the canvas?  
You can adjust various properties of canvas elements, including color, angle, shadow, opacity, stroke width, stroke color, and font style. The plugin offers a wide range of customization options for each element type.

- What types of shapes can I create on the canvas?  
The plugin supports creating rectangles, triangles, circles, and ellipses. You can customize the dimensions, angles, stroke colors, and opacity of each shape.

- Can I add text with custom fonts and styling?  
Yes, the plugin supports adding text with customizable font size, family, weight, style, alignment, and color. There are also options for text background color, line height, and decorations like underline, overline, and strike-through.

- Is it possible to upload images to the canvas?  
Absolutely! You can upload images and adjust their width, height, rotation, and flip options. Images can also be set as backgrounds or layered with other elements.







Other plugins from Zeroqode

- Mind Map Maker Plugin for Bubble
- Air Whiteboard Pro Plugin for Bubble
- Notion-like Rich Text Editor Plugin for Bubble




Support

If you still have questions or unresolved issues, you can contact us.


Risk-free Trial

The most risk-free way to try out this plugin is to subscribe to it. If you unsubscribe a few days later you will be charged on pro-rata basis, so for example if the plugin monthly price is $5 then you’d pay only 17¢ per day ($5/30 days)!