Code Monkey home page Code Monkey logo

svg-editor's Introduction

SVG Editor

This project is an SVG Editor developed with Angular, utilizing the Fabric.js package for applying modifications and adding layers. It offers the following features:

  • Background addition for the canvas
  • Adding SVG to the canvas
  • Adding images
  • Adding labels
  • Zoom in and zoom out on all elements
  • Label deletion and editing via right-click on the canvas
  • Bulk deletion of elements
  • Drawing mode on the canvas with customizable attributes such as color and brush size
  • Disabling the default right-click menu and implementing a custom right-click menu
  • Double-click feature on labels, opening a chart design dialog
  • Responsive canvas board that adjusts its initial size with page resizing
  • Inputs to set the width and height of the canvas
  • SVG download button
  • Clear canvas button

The project is also deployed as a serverless application on Cloudflare Workers, which you can view online via the following link:

svg-editor.hosseinbajan.ir

Alt text

Feel free to explore and contribute to this project!

svg-editor's People

Contributors

hbsoftco avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.