I’ve downloaded Inkscape, which is rather cool - though it does seem to crash occasionally and doesn’t seem to have an auto save feature. But it is open source and I’m running the windows version!
What is cool is it is open source and I can set the drawing page to be desktop sizes - So I set up 600×800, since nobody uses 640×480 anymore do they?!? Perhaps on your mobile. And the output is I’m not the worlds most terrible designer… I’ve just not designed much before.
It output SVG, which looks a lot like XML to me, and I thought - if this graphic is a fancy version of XML, then it must be possible to render it as HTML. But where is the conversion tool from SVG to HTML?
Update: This is a SVG image from Jeff Schiller’s blog, it seems that SVG can be included inline in HTML. Though support may be limited.
4 Comments
SVG is a graphics format, HTML is a text markup format that can include graphics. You can embed SVG iamges in your HTML by using the HTML:object element. This will work with Firefox, Opera and Safari out-of-the-box. Unfortunately, Internet Explorer does not yet support SVG so you would need to install the Adobe SVG Viewer plugin to get it to work. You can see my site for further examples.
Well I know that SVG is a graphics format.. But why not use it to produce HTML? Both SVG and HTML are XML based; surely an intelligent application could work out how to render parts of SVG as HTML and parts as graphic.
It would depend on your image. I’ve been using an application that produces SVG to design web pages, so for me the output looks close to what I’d like in HTML.
But if Firefox renders SVG, then I suppose there is no reason why my page is HTML. But I don’t think SVG supports links does it?
Yes, SVG supports links. I use SVG clip art on my blog, each one contains a link. It uses a very similar a element (with xlink:href=”…”)