Fork of dotgrid with additional features and refractoring.
Go to file
Devine Lu Linvega 2b55e0ff62 Migrated color picker 2018-08-18 08:04:54 +12:00
desktop Migrated color picker 2018-08-18 08:04:54 +12:00
.gitignore Implement serialization, clipboard 2017-11-21 22:24:25 +01: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
index.html Progress on live version. 2018-08-18 07:58:01 +12:00

README.md

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!