A Graph Paper SVG Drawing App

---

Posted on 2014-03-01 in  javascript,  svg,  project

---

This is a simple graph paper drawing app implemented in JavaScript and SVG. The idea came to me while planning out large structures in Minecraft. I've always wanted to learn about coding SVG in the browser and this was a fun way to do that. In addition to jQuery, of course, it uses:

• Spectrum, The No Hassle jQuery Colorpicker - This is just the color picker; I coded the eye dropper functionality.
• Snap, a JavaScript SVG library - Apparently jQuery's native handling of SVG tags is a little shaky, so this provides programmatic creation of elements, event handlers, etc.

The code is available at github.com/wiseley/graph-paper/.

Here it is in an IFRAME:

If the mood strikes I may add a few features that would make it more useful:

• Cookie persistence of the drawing
• Zooming in and out

---

---