Firefox3's SVG Demo

Posted on Oct 4, 2007

I found a presentation on the future of Firefox on the Web.

The slides introduced the upcoming features of Firefox3, such as SVG, Canvas 3D, Offline support, and XMLHttpRequest++.

Actually, I am not sure that all of these features will make it into Firefox3, because some of them are very experimental. Anyway, I think SVG is the most interesting among the new features.

SVG is a standard technology for creating vector graphics on the Web, and it can even be embedded in HTML pages.

You can see an SVG demo using foreignObject on the following page:

http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/

What is foreignObject?

foreignObject lets you embed any HTML tag inside SVG. This means an HTML tag can act as an SVG primitive, just like a line, circle, or rectangle, so you can apply transform effects to it.

I think SVG will change the way the Web is rendered in the future.