I believe that at one point, I saw a TinySVG implementation that worked in the browser, using the canvas element as the backend. I found a few sites that appeared to indicate it was at /, however, that site appears to no longer exist. Is this project (or a similar one) still on the web anywhere?

I believe that at one point, I saw a TinySVG implementation that worked in the browser, using the canvas element as the backend. I found a few sites that appeared to indicate it was at http://fuchsia-design./CanvaSVG/, however, that site appears to no longer exist. Is this project (or a similar one) still on the web anywhere?

• javascript
• canvas
• svg

6 Answers 6

In an environment where you are able to use the canvas element (firefox etc), you already have built in support for rendering SVG using the img tag.

If you are looking for something a little more cross-browser; I would take a good look at dojo or more specifically dojox.gfx, which allows SVG rendering using canvas, VML (for IE) or silverlight. It allows you to do all kinds of other very clever things with transformation matrices and draw functions.

Just for reference, there is https://github./gabelerner/canvg which does exactly SVG to Canvas.

After a good look around on Google, it looks like CanvaSVG was never much more than a project hacked together in a couple of days by Antoine Quint, who now seems to work for Apple.

I did see his site was cached by Google on 2 July, at least, so it hasn't been offline for too long yet, though there's no trace of CanvaSVG in the Google cache, only an outdated blog.

Archive does have a snapshot of that page, though, which includes a download link for the code.

I also found a project using CanvaSVG on Google Code.

Both of those downloads are version 0.1.

I did e across a few other, similar projects, but none that actually converted SVG to <canvas>. SVGCanvas goes the other way around, for example.

The CakeJS project provides an SVG parser (http://code.google./p/cakejs/).

The SVG Parser and its docs

Brad Neuberg from Google is making an SVG shim that works in IE:

http://code.google./p/svgweb/

http://codinginparadise/projects/svgweb/docs/QuickStart.html

http://codinginparadise/projects/svgweb/docs/UserManual.html

flanvas. is almost in beta