31613aa412e7c3db83c3aeb5fd6b4ebddb171b17
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
aDraw Arc(counter-clockwise).sDraw Arc(clockwise).dDraw Line.fDraw Bezier.gClose Path.
Parametric
arrowsMove last control point.click/dragTranslate target control point.click+altErase target control point.
Shortcuts
-
]Increase stroke size. -
[Reduce stroke size. -
/Toggle linecap. -
spaceMirror. -
escapeRemove control points. -
ctrl+nNew canvas. -
ctrl+sExport canvas. -
ctrl+zDelete last segment.
Hacker Mode(Cheatmode)
tabToggle interface.1204Will add a control point at x:12,y:4.
License
See the LICENSE file for license rights and limitations (CC).
Description
Languages
HTML
61.6%
JavaScript
38%
CSS
0.4%