Comments on: Honest-To-Gosh Scalable Vector Graphics

By: Ryan

Ryan — Sat, 10 Mar 2007 01:28:38 +0000

@Jeff: Not quite. I checked it in OmniWeb (WebKit), Firefox 2, and Opera. It breaks Opera and doesn't fix the problem in the other two. Check it out with the scaling SVG in scaling HTML test. Without explicitly setting the width and height inside the SVG, there is no intrinsic height for to use in order to determine the aspect ratio.

By: Jeff Schiller

Jeff Schiller — Mon, 05 Mar 2007 15:58:20 +0000

Ah, I read the Moz bug now and re-read this statement: "This makes it impossible to insert the image into a liquid layout where it fills the given horizontal space". I agree with this, and I think it's actually a browser layout problem, not necessarily a SVG problem.

If you change the size of the width/height in your SVG to 100%, this should work - the browser should size the SVG to whatever the containing element's size is. Whether it does or not, is probably an implementation bug. (But a bug, nonetheless).

By: Jeff Schiller

Jeff Schiller — Mon, 05 Mar 2007 15:47:52 +0000

Actually, the point of a “scalable” image is that it HAS NO INTRINSIC SIZE. You can display it at any resolution you want. So the solution that will work today is:

the SVG should have width=”100%” and height=”100%” (note the percentages here, it means “completely fill up the element that contains the SVG”
the HTML:object element should specify the height/width it wants:

Hope this helps you out – deployment is possible today

By: ryan

ryan — Sat, 11 Nov 2006 14:26:59 +0000

I did. ViewBox only sets up the coordinate system, is does not say anything about the size of the image.

By: stelt

stelt — Sat, 11 Nov 2006 13:47:04 +0000

Did you set viewBox?