Fork of dotgrid with additional features and refractoring.
Go to file
2018-03-06 08:19:21 +13:00
desktop Fixed issue with theme 2018-03-06 08:19:21 +13:00
.gitignore Implement serialization, clipboard 2017-11-21 22:24:25 +01:00
LAYOUT.md 100% keyboard controls 2018-02-19 15:29:07 +13:00
LAYOUT.svg 100% keyboard controls 2018-02-19 15:29:07 +13:00
LICENSE.md * 2017-11-20 08:29:38 +13:00
npm-debug.log Fixed issue with theme 2018-03-06 08:19:21 +13:00
PREVIEW.jpg Updated graphic 2017-11-14 10:45:38 +13:00
README.md 100% keyboard controls 2018-02-19 15:29:07 +13:00

Dotgrid

Dotgrid is a simple vector drawing application.

Guide

Clicking on the canvas will insert control points, up to 3CPs. CPs can be moved with the arrows. Clicking one of the path icons, or pressing one of the shortcuts, will draw a stroke between them. The newly created segment's handles can be moved by clicking and dragging them.

Controls

default Mode

File

  • New: CmdOrCtrl+N
  • Open: CmdOrCtrl+O
  • Save: CmdOrCtrl+S

Edit

  • Copy: CmdOrCtrl+C
  • Cut: CmdOrCtrl+X
  • Paste: CmdOrCtrl+V
  • Undo: CmdOrCtrl+Z
  • Redo: CmdOrCtrl+Shift+Z
  • Delete: Backspace
  • Deselect: Esc

Stroke

  • Line: A
  • Arc: S
  • Arc Rev: D
  • Bezier: F
  • Connect: Z

Effect

  • Linecap: Q
  • Linejoin: W
  • Mirror: E
  • Fill: R
  • Thicker: }
  • Thinner: {
  • Thicker +5: ]
  • Thinner -5: [

Layers

  • Move Above: P
  • Move Below: L

View

  • Tools: U
  • Grid: H
  • Control Points: J

Mode

  • Toggle Size: CmdOrCtrl+E
  • Keyboard: CmdOrCtrl+K

keyboard Mode

Controls

  • Add vertex: Enter
  • Remove vertex: Backspace

Select

  • Move Up: Up
  • Move Down: Down
  • Move Left: Left
  • Move Right: Right
  • XXYY(0): 0
  • XXYY(1): 1
  • XXYY(2): 2
  • XXYY(3): 3
  • XXYY(4): 4
  • XXYY(5): 5
  • XXYY(6): 6
  • XXYY(7): 7
  • XXYY(8): 8
  • XXYY(9): 9

Mode

  • Stop Keyboard Mode: Escape

Extras

  • Download additional themes.
  • Support this project through Patreon.
  • See the License file for license rights and limitations (MIT).