Monday, March 29th, 2010
CanVG: Using Canvas to render SVG files
<p>We love to recursively implement one technology on top of another. We have had Canvas support added to IE via VML, Flash, and Silverlight. We have had SVG implemented in Flash. Flash implemented in SVG.The latest experiment is from Gabe Lerner and is CanVG. As you can guess, it renders SVG files via the <canvas> element. All in a few hundred lines of code!.
Check out the test playground to see it in action.
Related Content:
3.7 rating from 19 votes
This is pretty cool, however it borked at all of the SVGs I threw at it, such as that famous tiger image.
Yes, canvg has a long way to go. If you can, please reduce the SVGs that cause a problem to a small enough test case and open a bug with the test file.
P.S. Someone should pay attention to the spam on this blog, it’s gotten out of hand lately.
@devongovett
I’ve been working on a similar parser and… it does render tiger perfectly (but shhh… don’t tell anyone yet :))
I knew this was possible! With this, you can rasterize SVG and export to PNG.