[This documentation is preliminary and is subject to change.]

Windows Internet Explorer 10 Consumer Preview and Metro style apps using JavaScript add to the Scalable Vector Graphics (SVG) support that was introduced in Windows Internet Explorer 9. Specifically, they add support for SVG filter effects. SVG filter effects are specified in Section 15 of the Scalable Vector Graphics (SVG) 1.1 (Second Edition) specification, which is currently a World Wide Web Consortium (W3C) Recommendation.

Important  These features work identically in Internet Explorer 10 and Metro style apps using JavaScript.

SVG filters

SVG filters enable you to manipulate graphics, similar to what you might do with an application such as Adobe Photoshop, directly in the browser. Consider the following SVG graphic.

Using SVG filter elements, this simple graphic can easily be transformed into a much more visually appealing form.

Both of these images were taken directly from the filter example from the W3C SVG specification. For a deep dive into this canonical example, see Filter Effects.

For reference information on all supported SVG filter effects, see SVG Element Reference on MSDN. (The SVG filter effects begin with "fe".)

For a hands-on demonstration of SVG filter effects, see Hands On: SVG Filter Effects on the IE Test Drive.

Related topics

"SVG Filter Effects in IE10" IEBlog post

MSDN SVG Element Reference (SVG filter effects begin with "fe")

Internet Explorer 10 Guide for Developers

Build date: 3/14/2012