Skip to content

Custom SVG shapes with svgedit integration #229

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
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions