ui icon indicating copy to clipboard operation
ui copied to clipboard

Custom SVG shapes with svgedit integration

Open kyr0 opened this issue 1 year ago • 0 comments

https://github.com/SVG-Edit/svgedit is an open source SVG editor. To support custom shapes and editing them, it might be an idea to integrate this popular SVG editor with a doubleclick on an SVG element added to the viewport, to the svgeditor in a modal to customize the SVG.

Another button could be added to the Shapes tab which says: "Add custom shape". In this user story, the modal would appear and the SVG created in there, would be saved as a SVG primitive and added/previewed as a new shape. A name would need to be provided on close of modal. Double-clicking an already added custom shape or context-click -> edit would allow a user to change the primitive SVG custom shape.

When such a custom SVG shape is added to the viewport, it could only be moved and scaled as a whole.

This feature would greatly increase the versatility and power of this project as users could maintain their own custom wireframing component libraries easily, all inside the mydraft editor; and as SVGs can be serialized, the custom shapes could also be stored as part of the project state and locally referenced.

edit: Streamlined the idea.

kyr0 avatar Feb 01 '24 16:02 kyr0