Home
Forum
Software
Mouser's Software
NANY: New Apps for the New Year
Friends of DC
Forum Coding Snacks
Editorials
Daily Blog
Monthly Newsletter
Mini Reviews
Favorite Websites
Archives
Articles
Historical Archives
Testimonials: What Folks Say About Us
Licensing
Get a License Key
Commercial Licensing
Help
Search
FAQs
DonationCoder Sitemap
Live Chat (Discord)
Contact Us
About Us
Donate
Home
Forum
Software
Mouser's Software
NANY: New Apps for the New Year
Friends of DC
Forum Coding Snacks
Editorials
Daily Blog
Monthly Newsletter
Mini Reviews
Favorite Websites
Archives
Articles
Historical Archives
Testimonials: What Folks Say About Us
Licensing
Get a License Key
Commercial Licensing
Help
Search
FAQs
DonationCoder Sitemap
Live Chat (Discord)
Contact Us
About Us
Donate
This topic
This board
Entire forum
Website and forum (google)
Member search
Welcome,
Guest
. Please
login
or
register
.
Did you miss your
activation email
?
1 Hour
1 Day
1 Week
1 Month
6 Months
Forever
Login with username, password and session length
Sunday October 13, 2024, 5:34 am
Proudly celebrating 15+ years online.
Donate now
to become a lifetime supporting member of the site and get a non-expiring license key for all of our programs.
Forum Home
Search
Login
Register
Recent Topics
Go To..
Recently updated topics
Recent posts (compact)
Recent posts (full text)
DonationCoder.com Forum
»
DonationCoder.com Software
»
DC Member Programs and Projects
»
Kynlo's Software
»
SVG Drawing App with Fabric.js
« previous
next »
New Topic
Print
Pages: [
1
] •
bottom
Author
Topic: SVG Drawing App with Fabric.js (Read 855 times)
KynloStephen66515
Animated Giffer in Chief
Moderator
Joined in 2010
Posts:
3,755
SVG Drawing App with Fabric.js
«
on:
March 06, 2024, 06:43 PM »
SVG Drawing App with Fabric.js
This is a simple SVG drawing web application built using Fabric.js library. It allows users to draw various shapes, freehand drawings, add text, upload images, and manipulate SVG elements. The application provides functionalities like undo, redo, clear canvas, and save as SVG.
Features
Drawing Tools:
Users can select from different drawing tools such as brush, eraser, and select mode.
Shape Drawing:
Options to draw shapes like rectangles, circles, and triangles.
Text Addition:
Users can add text to the canvas.
Image Upload:
Allows users to upload images onto the canvas.
Color Picker:
Choose colors for drawing tools and shapes.
Brush Size Slider:
Adjust the size of the brush.
Undo/Redo:
Support for undoing and redoing actions.
Save as SVG:
Save the canvas drawing as an SVG file.
Return to Top Icon:
Scroll back to the top of the page easily.
How to Use
Clone or download the repository.
Open index.html in a web browser.
Use the various drawing tools and functionalities provided.
Click on "Save as SVG" to download the drawing as an SVG file.
Enjoy drawing!
Libraries Used
Fabric.js:
A powerful JavaScript library that makes working with HTML5 canvas easy.
Tailwind CSS:
A utility-first CSS framework for styling the application.
Font Awesome:
Provides a wide range of icons for UI elements.
Contributing
Contributions are welcome! Feel free to fork the repository and submit pull requests for any improvements or additional features.
License
This project is licensed under the MIT License.
Link:
https://github.com/Kynlos/SVGMaker
New Topic
Print
Pages: [
1
] •
top
« previous
next »
DonationCoder.com Forum
»
DonationCoder.com Software
»
DC Member Programs and Projects
»
Kynlo's Software
»
SVG Drawing App with Fabric.js