Making a vector image is piece of cake. The SVG syntax is a bit concise, but that's about it. See http://blogs.sitepointstatic.com/examples/tech/svg-curves/cubi

Making a vector image is piece of cake. The SVG syntax is a bit concise, but that's about it. See http://blogs.sitepointstatic.com/examples/tech/svg-curves/cubic-curve.html http://blogs.sitepointstatic.com/examples/tech/svg-curves/cu... . Regarding arbitrary zoom, it's just a matter of changing the viewbox: http://www.justinmccandless.com/blog/Making+Sense+of+SVG+viewBox's+Madness http://www.justinmccandless.com/blog/Making+Sense+of+SVG+vie... (it's no madness though) And you don't even have to redraw (that's the benefit of SVG, it has a scene graph unlike canvas). Remember, a vector image doesn't need to have any inherit width or height! In fact, if you don't specify it, the browser will resize the image so that the viewbox fills the browser viewport! Another advantage is that you can handle generated images as images, not as code, without converting them to raster bitmaps (which I guess you'd be forced to when when dumping the canvas).