A simple program for creating and editing SVG Paths for the web. It is a bit like a pixel art editor but for SVGs, you draw the individual points in the path and have total control over their properties.
I started this project for fun, to learn about SVGs and to make something easy to use for making/editing SVG paths for the web.
For a binary of this project check https://github.com/Marius4th/WeSP-Editor/releases
You can contact me at @marius4th on twitter.
Check 'Help > View Help' inside the program for a list of Key Bindings.
-
Implement all Commands:
- Movetos.
- Linetos.
- You can use SHIFT for right angles, which will convert linetos into their horizontal/vertical equivalent in html code.
- Quadratic Bezier.
- Curvetos (Cubic Beziers).
- Implement loading of smooth versions of QBezier and Curveto.
- Implement smooth versions of QBezier and Curveto as Drawing Tools?
- Fully implement Elliptical Arcs.
-
Implement simple undo and redo.
-
Implement better, more effecient, undo and redo.
-
Improve mirroring points.
-
Improve mirroring points even more ^^.
-
Add path string optimizations to compress/shorten it as much as possible.
-
Improve the interface.
-
Implement paths and figures (subpaths) reordering.
-
Points locking so you can't modify them accidentally?
-
Background template images.
-
Custom crusors for when pressing mod keys like CTRL, SHILT or ALT to easily see what tool/action you have selected.
-
Implement proper scaling (the actual solution has issues because of floating point errors). -Fixed by using DrwingPath's Transform matrix for the preview and then modifying the point's position for real when hitting the 'Apply' button.
-
Add settings to set the drawing quality so you can lower it to improve performance.
-
Drag & Drop for loading template images and wsvg files.
-
Button to show/hide figures and paths.
-
Button to duplicate figures and paths.
-
Change "Path props" to a list of path's attributes where you can add remove them (maybe add a list for every element in the file).
-
Support other elements beside paths, like circles, ellipses, rects, texts...
-
Buttons to show/hide right and bottom panels.
Feedback and Sugestions are welcome.