Embedding SVG files inline
I am in the middle of preparing1 a couple of SVG flow charts. They’re vector, so obviously I prefer them to image files. What I am not sure though is how to embed them within XHTML correctly. So far, I’ve looked at Adobe’s page, Sam Ruby’s post, the W3C and SVG wiki.
The answer may lie in one or a couple of those. Adobe’s syntax isn’t working nice, though. May be I’ll have a fresh look again tomorrow. Still, suggestions from anyone routinely doing this kind of stuff is most welcome and highly appreciated.
Update [Jan 20]: Following Jeff Schiller’s comment on this post, I meandered to his site, where I found a good and simple guide to deploying SVG with html. I particularly like the way he demonstrates the use of simple if IE technique (since IE does not apparently support SVG).
- Btw, please do not use these charts, they’re a draft, incomplete, un-audited and a work in-progress. [←]
Try http://svg-developers.com or irc://irc.freenode.net/svg
Jan 19, 07 at 02:09Thanks, stelt.
Jan 19, 07 at 07:30To embed SVG in XHTML is quite simple, but the problem comes with IE (which doesn’t support XHTML or SVG). My recommendation is to save them as separate files and link them to your HTML via HTML:object.
Jan 19, 07 at 21:42Thanks for the helpful tip, Jeff.
Jan 20, 07 at 11:27