HTML5 Canvas Fabric.js

🔗Demo Link: https://chakor-plugin-demo-7.bubbleapps.io/version-test/html5_canvas_fabric_js

HTML5 Canvas Fabric.js brings powerful and flexible canvas-based drawing and image manipulation to your application. With seamless support for drawing, transforming, and editing vector graphics, this plugin allows for dynamic creation and customization of objects like rectangles, circles, and text. Fabric.js provides full control over elements with features such as resizing, rotating, and changing properties like color, stroke width, and opacity. Whether you're building a drawing tool, an image editor, or an interactive graphic interface, this plugin makes it easy to integrate rich, interactive canvas elements, providing users with smooth and intuitive experiences. With extensive customization and real-time rendering, the possibilities are endless for creating and manipulating graphics in your app.

Instructions:

🖊️ Free Drawing Action: Allows users to draw on the canvas using various brush styles such as Crayon, Web, Ribbon, and more. Customize your drawings with different brush types and properties
🔲 Draw Shapes: Draw rectangles, circles, ellipses, and triangles, each with customizable properties to define the shape's appearance, including size, color, border, and rotation.
🔗 Group Elements: Merge multiple elements into a single group for easier manipulation and movement.
🔓 Ungroup Elements: Break apart grouped elements, allowing you to edit or move individual items within the group.
📤 Upload Image: Upload images onto the canvas and specify properties like width, height, rotation, and more.
📸 Get Image: Retrieve the entire canvas as an image. You can choose to save the image to your device or to the file manager based on your preference.
❌ Delete Element: Delete any selected element from the canvas.
🧹 Erase Canvas: Clear all elements from the canvas, resetting it to an empty state.
📝 Add Text: Add customizable text to the canvas with options for font family, font color, font weight, text decoration, and more.
✏️ Edit Element: Edit the properties of shapes and text elements on the canvas, including text formatting.