Skip to content

cantbesure1/Dotgrid

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

94 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Segments

  • a Draw Arc(counter-clockwise).
  • s Draw Arc(clockwise).
  • d Draw Line.
  • f Draw Bezier.
  • g Close Path.

Parametric

  • ] Increase stroke size.
  • [ Reduce stroke size.
  • / Toggle linecap.

Commands

  • space Mirror.
  • escape Remove control points.
  • arrows Move last control point.
  • tab Toggle interface.

Shortcuts

  • ctrl+n New canvas.
  • ctrl+s Export canvas.
  • ctrl+z Delete last segment.

Mouse

  • click/drag Translate target control point.
  • click+alt Erase target control point.

License

See the LICENSE file for license rights and limitations (CC).

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 87.8%
  • CSS 7.6%
  • HTML 4.6%