Jacques Distler: One of the nicest features of using MathML and SVG is that the resulting equations and figures are “resolution-independent.” They rescale, along with the text, when the user uses the “text zoom” feature of their browser. Here’s how to create inline SVG figures which rescale in the fashion just described.
Like most things, this seems so obvious in retrospect. Believe it or not, I had tried various combinations (mostly focusing on usage of the style attribute within the svg itself), and never stumbled upon this obvious solution.
BLABBERMOUTH.NET - RUSH Frontman Hangs With SEBASTIAN BACH On Set Of ‘Gilmore Girls’ (tags: rush) Sam Ruby: Resizable Inline Images A cool evolution in SVG support. (tags: svg webstandards w3c) Welcome to SeatGuru! Your Guide to...
Looks like the trick was putting the em sizes on an XHTML wrapper element instead of the svg elements itself (and sizing the svg element in %) to work around Gecko bug #305859.
The “trick” has been around forever, and applies not just to Gecko, but to the Adobe SVG plugin and (to my knowledge) other SVG renders (the Adobe plugin is more forgiving than the others).
Only recently, though, did I decide to adapt it to inline SVG.
Opera 9, WebKit nightlies and Prince 6.0 alpha support the sizing of the svg element itself in ems. Using the width and height attributes of the svg element has the benefit that the image box degrades gracefully by disappearing altogether in SVG-unaware XHTML UAs. I think total disappearance in SVG-unaware UAs is desirable for decorative images such as those used on this blog.
(Of course, the resulting total disappearance in Gecko-based browsers is not desirable, but it would be desirable to have the aforementioned bug fixed.)
So I guess I’m wrong to assume “Scalable Vector Graphics” are...well...scalable without help.
The images themselves are scalable (example: open this in a separate window and resize the window to see what I mean); it is the interaction with the embedding DOM that is buggy/incomplete/non-interoperable w/ contemporary browsers.
Jeff Schiller: Thanks! FYI: my personal “publish” interface has a select dropdown that lets me chose from my ever growing pallet of icons and incorporates then into the page in a way that allows resi...
[more]
