« The Last Chinese Chef and Technology | Main | The Contrarian Solution for Iran »
Inline SVG
Sam Ruby puts inline SVG on his blog. SVG is a language for describing scalable vector graphics. Browsers that understand SVG can render the graphics directly rather than downloading a raster-based image with another HTTP GET. Because its tags, you can manipulate it using Javascript. Check out this circle editor from Kevin Lindsey, for example. Just Javascript and SVG.
If you’re going to serve inline SVG, you need to configure your Web server accordingly, so that browsers get the right stuff. I also believe, although I’m not certain, that you’d need to make sure the entire file it’s in is XHTML compliant. One more reason to make that leap.
Posted by windley on June 15, 2007 12:48 PM
Comment from Fran at June 15, 2007 1:16 PM
Something I found the other day that seems cool is RichDraw by Mark Finkle.
Since SVG is unimplemented in Internet explorer, it uses VML (a similar vector graphics markup) for IE.
There are some slick examples and it works on both firefox and IE.
I have always been hesitant to implement anything serious that doesn't work in IE, since that's still what most people use.
Comment from Sam Ruby at June 15, 2007 3:35 PM
Fran: if everybody had an attitude like that, IE would never change. :-)
That being said, the SVG on my site serves no functional purpose. It is just eye-candy.
Leave a comment
I encourage you to leave a comment below. Your email address will not be displayed on Technometria, but allows me to communicate with you directly. Your email address won't be displayed, but will be used to compute a MicroID for your comment.