Fork of dotgrid with additional features and refractoring.
Go to file
Devine Lu Linvega 81687281d5 *
2018-09-08 17:49:57 +12:00
desktop * 2018-09-08 17:49:57 +12:00
web 'use strict'; 2018-08-28 16:34:17 +12:00
.gitignore Implement serialization, clipboard 2017-11-21 22:24:25 +01:00
index.html Improved interface 2018-08-29 09:41:41 +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!