osmo-live-annotations-toolbar-test v0.5.6
osmo-live-annotations-toolbar
Features completed So Far:
Vertical Icons UI
- All Tools
- Expand Collapse
Pencil
- Default Tool Selection
- Pencil Cursor
- Free drawing functionality
- In the selected Color
- Default LineColor = White
Laser
- Fading Drawing
- Animation (Needs fine-tuning)
Circle
- Draw a Circle
- in the Selected Color
Arrow
- Draw an Arrow
- in the Selected Color
Text
- At the Click location
- In Focus with Blinking Cursor
- Default Styles (Font, Size, Weight etc) can be Set as Desired
Eraser
- Eraser Functionality
- with a Circle Cursor
Default, Active and Hover Styles
- Colored Background with White Icon for Active Icons
- Colored Background with Black Icon for Active Icons: if WHITE color is selected
- Eraser always has White Background
- Undo and Clear don't have any Active State, hence no Background Color
Undo
- Restores the Canvas to the previous state
Clear
- Clears the Canvas
Keyboard Shortcuts / Hotkeys
- P, L, C, A, T, E, (tools: pencil, laser, circle, arrow, text, eraser)
- W, D, R, B, Y, G (colors: white, dark/black, red, blue, yellow, green)
- ctrl+z (undo), ctrl+del (clear), S (selection mode), ctrl+d (clone/duplicate), del (delete)
Selection
- Shortcut Key to be defined
Colors
- Selection applied on the Tools and the corresponding Active Styles
- Opacity of 1 for Active Color
In-Progress:
- 2 Columns for Colors (TBD)
- Colored Pencil Pointer/Cursor
- Laser Explosion Animation to be fine-tuned
- Arrow: Selection after Draw to be disabled
- Hotkeys for Mac
- Canvas Clear resets the Canvas to White Color (needs to be fixed)
- All Icons Hover Brightness
- All Icons -> Tooltip (TBD)
3 years ago