Skip to content

Kalkhas/Dotgrid

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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).

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 93.2%
  • CSS 4.7%
  • HTML 2.1%