Svg-Path-Editor

Description
SvgPathEditor is a web-based application that allows users to create and edit SVG paths directly in their browser. It offers a user-friendly interface and a range of tools and features to make the editing process efficient and easy. With SvgPathEditor, users can paste or edit raw paths, add new commands to the path, move points with drag and drop, and manipulate the viewBox. The application also provides shortcuts for quick commands insertion, conversion, and deletion. Developed using Angular, SvgPathEditor offers a seamless editing experience and supports functionalities like scaling, translating, rotating, and rounding the full path. It also allows users to convert all commands to relative or absolute coordinates. Whether you're an experienced SVG user or a beginner, SvgPathEditor provides a convenient platform to create and modify SVG paths with precision and ease. To use SvgPathEditor, simply access the web application at [this link](https://yqnn.github.io/svg-path-editor/). The application is completely free to use and does not require any installation. If you prefer to run SvgPathEditor locally, there are two options available. 1. With Node.js: - Ensure that you have Node.js v12.14, v14.15, or higher installed. - Run the command `npm install` to install all the dependencies. - Start the development server with the command `npm start`. - Access the application locally at `http://localhost:4200/`. 2. With Docker: - Build the Docker image using the command `docker build -t svg-path-editor .`. - Run the Docker container and map the port using either `docker run -p 4200:4200 svg-path-editor` or `docker-compose up` command. SvgPathEditor was generated using Angular CLI version 9.1.3. SvgPathEditor offers a range of key features to enhance the SVG path editing experience: - **Path Editing**: Users can paste or edit raw paths in the path field, and manipulate the path by adding, removing, and changing the type of commands. - **Drag and Drop**: Points within the path can be moved using drag and drop gesture, allowing for easy manipulation of the path. - **ViewBox Manipulation**: Users can zoom in/out, move the viewBox, and automatically set the viewBox based on the current path. - **Path Operations**: The full path can be scaled, translated, rotated, and rounded using dedicated buttons. - **Shortcut Support**: SvgPathEditor provides a wide range of shortcuts for efficient editing, including command insertion, conversion, deletion, and undo/redo operations. SvgPathEditor is an open-source alternative for creating and editing SVG paths in the browser. It offers similar functionality to proprietary SVG editing tools but with the added benefit of being freely accessible and customizable. Users have the flexibility to host the application locally or use the web-based version without any restrictions. Unlike closed-source alternatives, SvgPathEditor provides transparency, allowing users to examine and modify the source code to suit their specific needs. SvgPathEditor is a versatile tool suitable for designers, developers, and anyone working with SVG paths. Start using SvgPathEditor today to streamline your SVG editing process and create stunning visuals with ease.
Key Features
  • Path Editing: Users can paste or edit raw paths in the path field, and manipulate the path by adding, removing, and changing the type of commands.
  • Drag and Drop: Points within the path can be moved using drag and drop gesture, allowing for easy manipulation of the path.
  • ViewBox Manipulation: Users can zoom in/out, move the viewBox, and automatically set the viewBox based on the current path.
  • Path Operations: The full path can be scaled, translated, rotated, and rounded using dedicated buttons.
  • Shortcut Support: SvgPathEditor provides a wide range of shortcuts for efficient editing, including command insertion, conversion, deletion, and undo/redo operations.
Install now
Tags

Are you a developer ?

Build SaaS applications for a global audience
Contribute to open-source projects and make them better
Pricing
  • Infrastructure Cost Only: Our pricing structure focuses solely on infrastructure costs, with the software provided free of charge. view pricing
  • Up to 90% Cheaper than Commercial Apps: Enjoy significant savings with our platform, offering costs that can be up to 90% lower than traditional commercial applications.
  • Non-Linear Scaling: Unlike many solutions, our pricing doesn't scale linearly with the number of users, providing cost efficiency even as your user base grows.
Semut Advantage

Scalable

Our platform seamlessly scales with your app needs for uninterrupted growth.

Cost-effective

Centralized management in our platform optimizes spending on apps.

High availability

We prioritize continuous access to vital apps, even during disruptions.

Data sovereignty

Ensure data compliance with location-specific hosting options on our platform.

Support
Kindly note that we do not offer support for modifying the open-source applications utilized in our platform. This is an open-source application, and any feature additions or removals should be directed to the community.
Frequently Asked Questions

Why bother with complicated installation processes when we have facilitated an effortless setup for you? Our platform already features a ready-to-launch app. All you need to do is click on 'install', and you're done! You can easily get started with our app with just one simple click.

Why go through the hassle of self-hosting when we already offer a ready-to-use app on our platform? All it takes is one click to install and voila, you're all set! You can easily launch the app with a single click, making your work far simpler

SvgPathEditor serves as an open-source alternative to proprietary SVG editing tools, providing similar functionality and customizability without any restrictions on usage or customization. By being open-source, SvgPathEditor promotes transparency and flexibility, allowing users to inspect and modify the source code to suit their specific needs. Unlike closed-source alternatives, SvgPathEditor provides complete control over the editing process, empowering users to create and modify SVG paths to achieve their desired visual outcomes.

×

Waitlist for Svg-Path-Editor

Joining our waitlist lets us notify you the moment our app is available. We value your interest and your patience while we work on making this ready for you to use.

Build. Innovate. Disrupt.

Develop the next on Semut Learn More
×

Virtual Patent Marking

Semut's products and technologies are protected or are in the process of being protected by patents in the U.S. and elsewhere. This disclosure is provided to satisfy the virtual patent marking provisions of Section 16 of the America Invents Act and to further serve as notice under 35 U.S.C. §287(a).