SVG improvements in Firefox 3

  • Revision slug: SVG_improvements_in_Firefox_3
  • Revision title: SVG improvements in Firefox 3
  • Revision id: 174708
  • Created:
  • Creator: Mgjbot
  • Is current revision? No
  • Comment robot Adding: [[fr:Améliorations SVG dans Firefox 3]] <<langbot>>

Revision Content

{{template.Fx_minversion_header(3)}}

Firefox 3 offers improved Scalable Vector Graphics (SVG) support over prior versions of Firefox. While these features are documented elsewhere, this article serves as a convenient list so you can easily determine which features were added in Firefox 3.

  • The foreignObject element is now supported ({{template.Bug(326966)}}). See the specification or this article for details.
  • pattern element support (spec)
  • mask element support (spec)
  • Support for new filters (spec):
    • filter
    • feDistantLight
    • fePointLight
    • feSpotLight
    • feBlend
    • feColorMatrix
    • feConvolveMatrix
    • feComponentTransfer, feFuncR, feFuncG, feFuncB, feFuncA
    • feComposite
    • feConvolveMatrix
    • feDiffuseLighting
    • feDistantLight
    • feFlood
    • feGaussianBlur
    • feMerge, feMergeNode
    • feMorphology
    • feOffset
    • fePointLight
    • feSpecularLighting
    • feTurbulence
    • feTile
  • <a> element handling in SVG has had several bugs fixed; see {{template.Bug(267664)}}, {{template.Bug(268135)}}, {{template.Bug(316248)}}, {{template.Bug(317270)}} and {{template.Bug(320724)}}.
  • The SVG DOM Methods getNumberOfChars(), getComputedTextLength(), getSubStringLength(), getStartPositionOfChar(), getEndPositionOfChar(), getRotationOfChar(), and getCharNumAtPosition() have been implemented.
  • the xml:space attribute support (spec)
  • fallback fill/stroke are now supported (spec)
  • em and ex units are now supported for indicating lengths ({{template.Bug(305859)}}).

See also



{{ wiki.languages( { "es": "es/Mejoras_SVG_en_Firefox_3", "fr": "fr/Am\u00e9liorations_SVG_dans_Firefox_3", "ja": "ja/SVG_improvements_in_Firefox_3" } ) }}

Revision Source

<p>{{template.Fx_minversion_header(3)}}
</p><p>Firefox 3 offers improved <a href="en/SVG">Scalable Vector Graphics</a> (SVG) support over prior versions of Firefox.  While these features are documented elsewhere, this article serves as a convenient list so you can easily determine which features were added in Firefox 3.
</p>
<ul><li>The <code>foreignObject</code> element is now supported ({{template.Bug(326966)}}).  See the <a class="external" href="http://www.w3.org/TR/SVG11/extend.html#ForeignObjectElement">specification</a> or <a class="external" href="http://weblogs.mozillazine.org/roc/archives/2006/06/the_future_is_now.html">this article</a> for details.
</li><li><code>pattern</code> element support (<a class="external" href="http://www.w3.org/TR/SVG11/pservers.html#PatternElement">spec</a>)
</li><li><code>mask</code> element support (<a class="external" href="http://www.w3.org/TR/SVG11/masking.html#MaskElement">spec</a>)
</li><li>Support for new filters (<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>feDistantLight</code>
</li><li><code>feFlood</code>
</li><li><code>feGaussianBlur</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><code>&lt;a&gt;</code> element handling in SVG has had several bugs fixed; see {{template.Bug(267664)}}, {{template.Bug(268135)}}, {{template.Bug(316248)}}, {{template.Bug(317270)}} and {{template.Bug(320724)}}.
</li><li>The SVG DOM Methods <code>getNumberOfChars()</code>, <code>getComputedTextLength()</code>, <code>getSubStringLength()</code>, <code>getStartPositionOfChar()</code>, <code>getEndPositionOfChar()</code>, <code>getRotationOfChar()</code>, and <code>getCharNumAtPosition()</code> have been implemented.
</li><li>the <code>xml:space</code> attribute support (<a class="external" href="http://www.w3.org/TR/SVG/text.html#WhiteSpace">spec</a>)
</li><li>fallback <code>fill</code>/<code>stroke</code> are now supported (<a class="external" href="http://www.w3.org/TR/SVG/painting.html#SpecifyingPaint">spec</a>)
</li><li> <code>em</code> and <code>ex</code> units are now supported for indicating lengths ({{template.Bug(305859)}}).
</li></ul>
<h3 name="See_also">See also</h3>
<ul><li> <a href="en/SVG">SVG</a>
</li><li> <a href="en/SVG_in_Firefox">SVG in Firefox</a>
</li><li> <a href="en/Firefox_3_for_developers">Firefox 3 for developers</a>
</li></ul>
<p><br>
</p><p><br>
</p>
<div class="noinclude">
</div>
{{ wiki.languages( { "es": "es/Mejoras_SVG_en_Firefox_3", "fr": "fr/Am\u00e9liorations_SVG_dans_Firefox_3", "ja": "ja/SVG_improvements_in_Firefox_3" } ) }}
Revert to this revision