출처 : Moving to Standards-based Web Graphics in IE10 IEBlog 7 Dec 2011 3:05 PM
Use SVG, not VML
MS와 다른 업체에서 1998년 W3C에 VML을 제안했었다. IE5에서 처음으로 VML을 구현했다. W3C는 SVG의 출현과 함께 경쟁하는 제안들은 VML과 합병했다.
IE9 에서 SVG를 구혔했고, 웹 사이트나 어플레케이션에서 사용하는 VML을 대체할 수 있는 기능이 제공되었다. "VML to SVG Migration Guide"가 Microsoft Download Center에서 발표되었고 VML에서 SVG의 이동 가이드가 제공되었다.
Raphaël—JavaScript Library는 가볍고 사용하기 쉬운 JavaScript library API로 SVG를 사용허거나 VML 없을 때 이용한다. Raphaël 는 IE8이나 새로운 브라우저에서 에서 벡터 그래픽 해결책으로 좋은 선택이 된다.
Use CSS3, not DX Filters
Internet Explorer 4 는 Visual Filters and Transitions Reference를 제공하면서 웹 개발자가 multimedia-style 효과를 웹 페이지에 적용할 수 있도록 했다.
CSS3 Working Drafts or Candidate Recommendations 는 투명도, 기울기, 그림자 효과 등 인기있는 기능을 포함한다. IE10은 이런 CSS3 스펙을 제공한다.
| DX Filter | Standards-based Alternative |
|---|---|
| Alpha | opacity |
| AlphaImageLoader | <img> or background-image and related properties |
| Gradient | background-image: linear-gradient() |
| DropShadow | text-shadow or box-shadow |
| Matrix | transform, transform-origin |
주의IE9은 DX Filters 와 몇몇 표준 기술을 제공하므로 같은 엘리먼트에서는 양쪽 모두를 기술하는 것은 피하는 것이 현명하다.