Raphael Sketchpad

2010


I wanted to create a drawing editor in Javascript that can be easily added to web pages. I found the Javascript vector graphics library, Raphael, and I thought it would be a good foundation for a drawing editor. The result is Raphael Sketchpad.

Drawings in Raphael Sketchpad are stored as JSON in an input field (e.g., textarea, hidden, etc.) that can be submitted along with a form. Once submitted, Raphael Sketchpad can read the JSON data to render the drawing. This makes Raphael Sketchpad useful for web applications that need an editor for simple drawings.



An example drawing on Sketchpad and the JSON representation of the drawing.