Firefox의 SVG 지원

Firefox 1.5 신버전에서 SVG를 지원한다고 나왔습니다.
그러나, 왠일인지 Firefox를 설치하고보면 SVG를 SVG로 처리하지 않고 단순한 XML로 처리하게 됩니다. 그러나 Sample 사이트를 보면 Sample 사이트의 SVG는 직접 처리를 하고 있죠. 왜그럴까요?

Mozilla developer 사이트에 따르면 SVG 사용에 여러 제약조건이 존재한다고 합니다. 문제가 되는 부분(여러가지가 있겠지만 제생각으로)은 크게 두가지가 될 것 같습니다.

1. SVG의 사용에 대한 제약

Firefox 1.5 handles SVG as entire documents or when referenced by embed/object/iframe. It cannot currently be used as source for a html/xhtml img element or for CSS properties that take an image reference.

출처: http://developer.mozilla.org/en/docs/SVG_in_Firefox_1.5

2. SVG authoring 문제

If your server isn't configured to send the correct headers with the SVG files it serves, then a browser like Mozilla won't treat those files as SVG. Instead it will most likely show the markup of the files as text or encoded garbage, or even ask the viewer to choose an application to open them. For normal SVG files, servers should send the HTTP header:

Content-Type: image/svg+xml

For gzipped SVG files, servers should send the HTTP headers:

Content-Type: image/svg+xml
Content-Encoding: gzip

자세한 내용은 SVG Authoring Guidelines을 참고하세요.

이러한 골아픈 문제 없이 Firefox에서 SVG를 보기 위한 대안으로는 Adobe의 SVG Viewer 플러그인 또는 Corel의 SVG Viewer를 설치하면 됩니다. Adobe의 Viewer는 정식버전(3.03)이 아니라 Prerelease버전인 6.0이 제공되고 있으며, Corel의 경우는 정식버전(?)이 아니라 Try 버전이 제공되고 있습니다.

PlugInDoc에서 SVG를 찾으면 됩니다. 제공되는 플러그인은 Adobe와 Corel 두종류가 있습니다.

결론은~ Firefox의 버그입니다!!
https://bugzilla.mozilla.org/show_bug.cgi?id=303581