Skip to content

Custom SVG shapes with svgedit integration #229

@kyr0

Description

@kyr0

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions