Fork of dotgrid with additional features and refractoring.
Go to file
2018-08-26 14:21:10 +12:00
desktop Autofilled the exports/renders 2018-08-26 14:21:10 +12:00
web * 2018-08-18 10:50:01 +12:00
.gitignore Implement serialization, clipboard 2017-11-21 22:24:25 +01:00
index.html Dotgrid Live! 2018-08-18 09:34:24 +12:00
LAYOUT.md Improved docs 2018-05-11 11:21:43 +12:00
LAYOUT.svg Improved docs 2018-05-11 11:21:43 +12:00
LICENSE.md * 2017-11-20 08:29:38 +13:00
PREVIEW.jpg Updated graphic 2017-11-14 10:45:38 +13:00
README.md * 2018-08-11 09:39:22 +12:00

Dotgrid

Dotgrid is a simple vector drawing application.

Guide

Clicking on the canvas will insert control points. 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.

Hold shift to drag entire layer, hold alt to delete a vertex.

Controls

File

  • New: CmdOrCtrl+N
  • Open: CmdOrCtrl+O
  • Save(.grid): CmdOrCtrl+S
  • Render(.png): CmdOrCtrl+R
  • Export(.svg): CmdOrCtrl+E
  • Build Icons: CmdOrCtrl+B

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
  • Close: Z

Effect

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

Manual

  • Add Point: Enter
  • Move Up: Up
  • Move Right: Right
  • Move Down: Down
  • Move Left: Left
  • Remove Point: CmdOrCtrl+Backspace

Layers

  • Foreground: CmdOrCtrl+1
  • Middleground: CmdOrCtrl+2
  • Background: CmdOrCtrl+3

View

  • Tools: U
  • Grid: H

Mode

  • Picker: CmdOrCtrl+P

Extras

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