psaia / di Goto Github PK

Depending on the shape, it will have different options:

Rect

• Border: double line
• Border: light line
• Border: dotted line
• Border: heavy line
• Border: no border
• Text: text
• Text Align: text valign

Line

• Border: double line
• Border: light line
• Border: dotted line
• Border: heavy line
• arrow end
• arrow start

• Export to PNG
• Export to ASCII (and straight to clipboard!)

• Shapes should be selectable by the marquee.
• Backspace will remove a shape.
• Multiple shapes should be able to be moved at once.

• Make shapes resizable when anchor points are dragged.
• Implement RectLineConnection for connecting a line to an anchor point.

There are unsolved problems to figure out for the UX/UI. They are the following:

• Should we allow shapes/elements to change colors? If so, where and how do we indicate those settings?
• How do we indicate selected elements vs non-selected elements?
• Elements should should have "anchor" points in areas that are attachable or selectable. For example, the places where a line can connect to a rectangle. Or a place the user can click to change the size of a rectangle. Maybe we can only see these special anchor points when an element is active or when the cursor is over the shape?
• Do we include "move to front" and "move to back" functionality. Right now it can be doable by drag/dropping a layer in the layer sidebar.
• How should we handle the export options/menu?
• How should we handle the photo-to-vector functionality? I really love this feature and should try to bake it in.
• Should we change the name/logo? I'm not in love.
• For icons we could create a custom font with IcoMoon.

• Text should be able to be placed in the grid.
• Anytime a rect is placed, text should be enterable in the center by default.

• Layers should show the current shapes on the stage.
• They can be draggable to adjust index.