---
title: SVG improvements in Firefox 3
slug: SVG_improvements_in_Firefox_3
tags:
  - Firefox 3
  - SVG
translation_of: Mozilla/Firefox/Releases/3/SVG_improvements
---
<p>{{ Fx_minversion_header(3) }}</p>
<p>Firefox 3에서는 이전 버전에 비해 <a href="ko/SVG">Scalable Vector Graphics</a> (SVG)에 대한 향상된 지원을 제공합니다. 이러한 내용은 다른 곳에서도 문서화되어 있지만, Firefox 3에서 어떤 기능들이 추가되었는지 쉽게 찾아볼 수 있도록 본 글이 작성되었습니다.</p>
<ul>
 <li><code>foreignObject</code> 요소를 지원합니다({{ Bug(326966) }}). 자세한 사항은 <a class="external" href="http://www.w3.org/TR/SVG11/extend.html#ForeignObjectElement">명세서</a> 또는 <a class="external" href="http://weblogs.mozillazine.org/roc/archives/2006/06/the_future_is_now.html">이 기사</a>를 참조하세요.</li>
 <li><code>pattern</code> 요소를 지원합니다. (<a class="external" href="http://www.w3.org/TR/SVG11/pservers.html#PatternElement">spec</a>)</li>
 <li><code>mask</code> 요소를 지원합니다. (<a class="external" href="http://www.w3.org/TR/SVG11/masking.html#MaskElement">spec</a>)</li>
 <li>다음의 모든 SVG 1.1 필터를 지원합니다 (<a class="external" href="http://www.w3.org/TR/SVG11/filters.html">spec</a>):
  <ul>
   <li><code>filter</code></li>
   <li><code>feDistantLight</code></li>
   <li><code>fePointLight</code></li>
   <li><code>feSpotLight</code></li>
   <li><code>feBlend</code></li>
   <li><code>feColorMatrix</code></li>
   <li><code>feConvolveMatrix</code></li>
   <li><code>feComponentTransfer</code>, <code>feFuncR</code>, <code>feFuncG</code>, <code>feFuncB</code>, <code>feFuncA</code></li>
   <li><code>feComposite</code></li>
   <li><code>feConvolveMatrix</code></li>
   <li><code>feDiffuseLighting</code></li>
   <li><code>feDisplacementMap</code></li>
   <li><code>feDistantLight</code></li>
   <li><code>feFlood</code></li>
   <li><code>feGaussianBlur</code></li>
   <li><code>feImage</code></li>
   <li><code>feMerge</code>, <code>feMergeNode</code></li>
   <li><code>feMorphology</code></li>
   <li><code>feOffset</code></li>
   <li><code>fePointLight</code></li>
   <li><code>feSpecularLighting</code></li>
   <li><code>feTurbulence</code></li>
   <li><code>feTile</code></li>
  </ul>
 </li>
 <li>SVG에서 <code>&lt;a&gt;</code> 요소를 처리하는 것과 관련된 몇가지 버그가 수정되었습니다. 자세한 사항은 {{ Bug(267664) }}, {{ Bug(268135) }}, {{ Bug(316248) }}, {{ Bug(317270) }}, {{ Bug(320724) }}를 참조하세요.</li>
 <li>SVG DOM 메소드인 <code>getNumberOfChars()</code>, <code>getComputedTextLength()</code>, <code>getSubStringLength()</code>, <code>getStartPositionOfChar()</code>, <code>getEndPositionOfChar()</code>, <code>getRotationOfChar()</code>, <code>getCharNumAtPosition()</code>가 구현되었습니다.</li>
 <li><code>xml:space</code> 속성을 지원합니다. (<a class="external" href="http://www.w3.org/TR/SVG/text.html#WhiteSpace">spec</a>)</li>
 <li><code>fill</code>/<code>stroke</code>를 지원합니다. (<a class="external" href="http://www.w3.org/TR/SVG/painting.html#SpecifyingPaint">spec</a>)</li>
 <li>길이 단위로 사용되는 <code>em</code>과 <code>ex</code> 단위를 지원합니다. ({{ Bug(305859) }}).</li>
</ul>
<h3 id=".EC.B0.B8.EA.B3.A0" name=".EC.B0.B8.EA.B3.A0">참고</h3>
<ul>
 <li><a href="ko/SVG">SVG</a></li>
 <li><a href="ko/SVG_in_Firefox">SVG in Firefox</a></li>
 <li><a href="ko/Firefox_3_for_developers">Firefox 3 for developers</a></li>
</ul>
<div class="noinclude">
  </div>
<p>{{ languages( { "en": "en/SVG_improvements_in_Firefox_3", "es": "es/Mejoras_SVG_en_Firefox_3", "fr": "fr/Am\u00e9liorations_SVG_dans_Firefox_3", "ja": "ja/SVG_improvements_in_Firefox_3", "pl": "pl/Poprawki_SVG_w_Firefoksie_3" } ) }}</p>