Never mind the HTML5 canvas, here’s SVG with Raphael.js!
For 15 years, front-end web developers have missed out on one of the most basic parts of any programming environment: drawing.
Fortunately, browsers are now capable of displaying SVG: scalable vector graphics. SVG is great for controls, visualizations, and graphs that were previously only possible with proprietary technologies like Adobe Flash. And mobile devices that can display SVG will see crisp graphics at every resolution.
In this 50 minute Raphael.js tutorial, you’ll benefit from tips and tricks we’ve learned from over a decade of working with drawing systems, and several years of working with Raphael. We’ll show you how to work with both simple objects and complex paths.
Whether you’re a back-end database developer or a front-end designer, you’ll become confident with basic drawing, text, animation, and interaction that’s now available to you with the straightforward API of Raphael.js and the open standard of SVG.
Includes a typed transcript.
Revision 1 (Notes) · Updated: Oct 07, 2010 · Length: 52 min · 100 MB