silverorange labs


Comments are locked. No additional comments may be posted.

Isaac Grant -

Camino 1.0b2 supports SVG as well. Not sure about pre-1.0 releases and too lazy to download - but 1.0 will be out of beta shortly, so its all a bit moot.

Stefan Hayden -

I can't wait till the whole web runs on svg! Anyone want to guess how long that will take? 10? 20 years?

SXSW, which I'll be attending for the first time, doesn't even have a panel covering SVG.

Jeff Schiller -

SVG in web pages? I can think of a lot of good reason:

What about on-the-fly graphics generated from XML/XSLT? Web statistics packages like Mint already do this and I've seen some other sites/blogs that have hand-rolled solutions.

What about saving bandwidth (compressed SVG is typically smaller than rasters).

SVG can also be interactive, animated and dynamic, so think games, cartoons, slideshows, zoomable and scalable maps/diagrams/schematics, interactive and rich GUIs...


Alexei -

IE 6. Actually the page crashes my browser! Go figure. :)

LeoPetr -

Works nicely in Opera 8.51. The right-click menu lets me zoom in, zoom out, and return to original size.:)

Jim -

Am I missing something? This isn't including SVG inline at all. This is referring to an external SVG image. To include SVG inline, you do something like:

<svg:svg ...>...</svg:svg><br>

Steven Garrity -

Jim: Good point - "in-line" might have been a bad choice of words. This article shows how to include SVG as you would a bitmap image. Including the SVG XML inline with the XHTML code is a whole other issue.

James -

I'm surprised that no one else has mentioned that Opera has support for SVG too.

Dave -

I seem to be able to view SVG on XP using Internet Explorer just fine with the free Adobe Plugin. This should get 99% of Web users up and running with SVG no problems. Have a look at the URL above to get the plugin.

nandakumaran -

need help

how to open a new svg file in an existing file with Mozilla

forks -

Getting all kinds of weirdness with scrollbars if I try to "scale" the SVG to anything but it's "natural" size.

mdonoughe -

A nice picture of Safari rendering the SVG:
The current builds of WebKit from will render the SVG just fine.

Matt -

Why svg in a webpage?

I am working on a corporate site right now. It would be nice to use the same svg in various places / sizes instead of using different sized jpegs or pngs.

As browsers improve, there is the possibility that an svg may render better (or more appropriately for a particular user) than a jpeg or png exported from Illustrator.

But not being able to use an svg directly in an img is a big downer. The MIME type is image/svg+xml, so it seems logical that browsers should support it in an img. From the document's standpoint, there is an unnecessary element. The stylesheet shouldn't care about the type, it should just have to style one thing. On the server side, content negotation should be able to take care of sending the right file to the browser.

Daniel Schierbeck -

Try not using fixed widths and heights (@width and @height) on the <object/> element. Maybe then Firefox will scale it better.

Justin -

Page crashes my browser too haha :P

Ms Stewart -

Have any of you used SVG in developing educational material. If so, how have you used the tool?

Tuggle -

Looking forward to the day when this can actually be deployed on a public app...

Lich -


AW -

There's a very good reason to use an SVG inline image in a web browser: graphs.

Suppose I have a set of financial data, poll results, etc., from which I generate a graph server-side. That image could be rendered as a png or an svg. If it's an svg and I can display it inline, it will print and scale nicely. When my user prints the page, it'll look good by virtue of its resolution independence -- without having to resort to the pain, irritation, and general overkill of pdf.

Johann -

SVG, a blast from the past.

I wonder if I could turn the output of my QR Code Generator to SVG and have zooming and so on. Hm.