path: root/files/es/svg_en_firefox/index.html

---
title: SVG en Firefox
slug: SVG_en_Firefox
tags:
  - NecesitaRevisiónTécnica
  - SVG
  - Todas_las_Categorías
translation_of: Web/SVG/SVG_1.1_Support_in_Firefox
---
<p> </p>
<p><b>Firefox 2</b> sigue avanzando en la mejora de la implementación de <a class="external" href="http://www.w3.org/Graphics/SVG/">Gráficos vectoriales escalables (SVG)</a>. Aunque el único elemento añadido a los ya soportados por Firefox 1.5 ha sido <code>&lt;textPath&gt;</code>, se han resuelto varios fallos y se ha incorporado parte de la especificación.</p>
<p><b>Firefox SVG</b> es un subconjunto de <a class="external" href="http://www.w3.org/TR/SVG11/">SVG 1.1</a>, pero no es ninguno de los perfiles oficiales (Tiny, Basic, Full). Al final de este documento se puede encontrar una lista completa de los elementos <a href="es/SVG">SVG</a> y su estado de implementación en Firefox 2.0. El resto del documento aporta información sobre las limitaciones en la implementación.</p>
<p>La particular implementación que hemos realizado puede dificultar la creación de contenidos. Le pedimos que tenga paciencia mientras trabajamos en la implementación completa de esta extensa especificación.</p>
<p>Mientras lee esto, usted puede preguntarse cuántos de estos detalles sobre de la implementación pueden haber cambiado. Por desgracia la <a class="external" href="http://www.mozilla.org/roadmap/gecko-1.9-roadmap.html">hoja de ruta</a> actual sitúa la publicación de Firefox con la nueva versión de Gecko en el primer trimestre de 2007. Sin embargo si desea empezar a experimentar con las nuevas funcionalidades, tiene a su disposición en las <a class="external" href="http://www.mozilla.org/developer/#builds">compilaciones nocturnas</a> las últimas evoluciones. También puede consultar <a class="external" href="http://www.mozilla.org/projects/svg/status.html">la tabla actualizada</a> sobre la implementación de SVG en la versión de desarrollo.</p>
<h2 id="Rendimiento" name="Rendimiento">Rendimiento</h2>
<p>Firefox usa el mismo motor de renderizado, <a class="external" href="http://cairographics.org/">cairo</a>, en todas las plataformas. Por lo tanto sus características de interpretación serán similares. El rendimiento en Linux es el más difícil de predecir, esto es debido a las distintas implementaciones que hacen los diversos servidores X de la extensión RENDER.</p>
<p>En Windows el renderizado de SVG es bastante más rápido que en otras plataformas.</p>
<h2 id="Rango_de_coordenadas" name="Rango_de_coordenadas">Rango de coordenadas</h2>
<p>Si el contenido posee una geometría con un inmenso rango de coordenadas, habrá que tener cuidado con los problemas ocasionados por el uso interno de cairo para la representación de punto fijo de 16.16 bits para los cálculos. Cairo no recorta las primitivas antes del proceso de rasterización por lo que las coordenadas finales que excedan el rango de -32678 a 32677 tras la transformación provocarán errores de renderizado y posiblemente un rendimiento muy bajo.</p>
<h2 id="Texto_en_Windows_98" name="Texto_en_Windows_98">Texto en Windows 98</h2>
<p>Un lamentable efecto secundario de usar Cairo como backend de renderizado en Windows es que el renderizado de texto no funcionará en Windows 98. En realidad la cosa es aún peor, si aparece cualquier texto durante el renderizado de contenidos SVG, todo el dibujo se parará.</p>
<h2 id="Selecci.C3.B3n_de_fuente" name="Selecci.C3.B3n_de_fuente">Selección de fuente</h2>
<p>Si está familiarizado con CSS probablemente sabrá que pueden especificar fuentes alternativas para las propiedades 'font', por si los glifos de una fuente concreta no están disponibles. El actual motor de renderizado de SVG sólo tratará de usar la primera fuente especificada, y si ésta no existe, usará una fuente del sistema. Las fuentes secundarias nunca son usadas, por ejemplo, font-family="Arial,LucidaSansUnicode" no generará una fuente LucidaSansUnicode, aun en el caso de que Arial no esté disponible.</p>
<h2 id="Impresi.C3.B3n" name="Impresi.C3.B3n">Impresión</h2>
<p>Por desgracia, actualmente en la impresión no se aprovechan las propiedades vectoriales de SVG para generar una salida óptima, por contra, se renderiza según la resolución de la pantalla y luego la salida se hace como imagen.</p>
<p>Al imprimir en MS-Windows, el tamaño de la fuente será mucho más grande que el especificado por SVG.</p>
<h2 id="Opacidad_de_grupos" name="Opacidad_de_grupos">Opacidad de grupos</h2>
<p>La propiedad de opacidad de grupo <code>opacity</code> permite que los objetos contenedores SVG puedan ser tratados como capas semitransparentes, y está separada de las propiedades "fill-opacity" y "stroke-opacity". La implementación actual de "opacity" consume bastantes recursos, debería ser usada con mesura. "fill-opacity" y "stroke-opacity" son mucho más rápidas, y dependiendo de su contenido pueden aportar los mismos resultados.</p>
<h2 id="Fuentes_rotadas" name="Fuentes_rotadas">Fuentes rotadas</h2>
<p>En las plataformas Microsoft Windows y Mac OSX, un texto rotado no es rellenado completamente. El error es por lo general despreciable y puede solucionarse usando un relleno un poquito más grueso. A continuación se muestra un ejemplo con la diferencia:</p>
<p><img alt="Imagen:Text-fill-stroke.png"></p>
<h2 id=".3Cimage.3E" name=".3Cimage.3E">&lt;image&gt;</h2>
<p>&lt;image&gt; no soporta imágenes SVG en Firefox 1.5, sólo los formatos de imagen rasterizados que Firefox maneja.</p>
<p>Todas las instancias de &lt;image&gt; tienen una copia separada de la imagen que está siendo usada, lo cual es algo a tener en cuenta si tu contenido está usando múltiples copias de una imagen para un icono o algo parecido. Desafortunadamente, &lt;use&gt; en contenido &lt;image&gt; cuenta como otra copia en este caso.</p>
<p>De manera adicional, un uso intensivo de imágenes rasterizadas en SVG puede degradar sobremanera el rendimiento en Firefox 1.5.</p>
<h2 id="Eventos" name="Eventos">Eventos</h2>
<p>Soportamos los atributos de SVG para eventos, a excepción de <code>onfocusin</code>, <code>onfocusout</code>, y <code>onactivate</code>.</p>
<p>Nuestro actual manejo del evento <code>onload</code> no es estándar, pero creemos que aún así no impide su uso correcto. Mientras que el código especificado por el atributo <code>onload</code> sea llamado para cada elemento, un evento <code>SVGLoad</code> será llamado únicamente para el elemento <code>&lt;svg&gt;</code> raíz. Algunos métodos DOM devolverán basura o error si son llamados antes de que el elemento correspondiente haya sido renderizado, algo que tendrás que tener en cuenta al escribir código <code>onload</code>. Dichos métodos son <code>getBBox</code>, <code>getScreenCTM</code>, etc...</p>
<p>No damos soporte a los eventos para el teclado específicos de Adobe (<code>onkeydown</code>, <code>onkeyup</code>).</p>
<h2 id="Interoperabilidad" name="Interoperabilidad">Interoperabilidad</h2>
<p>Si está trabajando con contenidos SVG actuales, puede encontrar problemas al cargarlos en Firefox. La mayoría de los problemas suelen ser triviales y son el resultado de una implementación más estricta en Firefox. En <a class="external" href="http://jwatt.org/svg/authoring/">Guías de estilo para crear SVG</a>, Jonathan Watt explica problemas comunes.</p>
<h2 id="Situaciones_de_uso_de_SVG" name="Situaciones_de_uso_de_SVG">Situaciones de uso de SVG</h2>
<p>Firefox 1.5 maneja SVG como un documento completo, o como referencia para los elementos <code>embed</code>, <code>object</code>, e <code>iframe</code>. Actualmente no puede ser usado en HTML o XHTML como fuente del elemento <code>img</code>, ni para las propiedades CSS relativas a las imágenes.</p>
<h2 id="Animaciones" name="Animaciones">Animaciones</h2>
<p>Firefox 1.5 no implementa la animación declarativa, pero soporta scripting dinámico. Doug Shepers lo ha usado para crear <a class="external" href="http://www.vectoreal.com/smilscript/">SmilScript</a>, una pequeña biblioteca de Javascript que implementa parte de la animación declarativa de SVG.</p>
<h2 id="Fallos_corregidos_en_Firefox_2" name="Fallos_corregidos_en_Firefox_2">Fallos corregidos en Firefox 2</h2>
<p>Firefox 2 ha arreglado algunos fallos en su implementación para SVG. Esta sección presenta un repaso rápido a los arreglos más interesantes.</p>
<ul>
 <li>Se ha solucionado un problema al rellenar y rotar texto en el que la posición del dibujo no era reiniciada correctamente entre dos operaciones (bug <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=333615">333615</a>).</li>
</ul>
<ul>
 <li>Los gradientes radiales ahora mantienen los atributos <code>fx</code> y <code>fy</code> para asegurar que se encuentran dentro de la circunferencia de un círculo (bug <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=330682">330682</a>).</li>
</ul>
<ul>
 <li>La longitud del texto ahora puede ser calculada usando su método <code>getComputedTextLength()</code>, lo que mejora la compatibilidad con ciertos sitios web (bugs <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=311031">311031</a> and <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=264380">264380</a>).</li>
</ul>
<ul>
 <li>Los elementos <code>&lt;tspan&gt;</code> ahora soportan correctamente los atributos <code>dx</code> y <code>dy</code> y funcionan si los atributos <code>x</code> e <code>y</code> no han sido especificados (bug <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=311063">311063</a>).</li>
</ul>
<ul>
 <li>Se ha mejorado la lógica de invalidación en el redibujado, lo que evita el parpadeo de los píxeles en ciertos casos (bug <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=312269">312269</a>).</li>
</ul>
<ul>
 <li>Arreglado un fallo que impedía que los eventos fuesen manejados apropiadamente por objetos expuestos por el camino de recorte de otro objeto (bug <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=315861">315861</a>).</li>
</ul>
<ul>
 <li>Arreglado un fallo que podía provocar el cierre de la aplicación si un elemento <code>&lt;path&gt;</code> tenía un atributo <code>d</code> con una cadena vacía (bug <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=318379">318379</a>).</li>
</ul>
<ul>
 <li>El atributo <code>overflow</code> ahora funciona para el elemento <code>marker</code>, usando la sintaxis <code>overflow="visible"</code>, la cual antes no funcionaba correctamente (bug <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=320623">320623</a>).</li>
</ul>
<ul>
 <li>Ahora se puede acceder al atributo <code>&lt;style&gt;</code> del elemento <code>marker</code> sin que se lance ninguna excepción (bug <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=323589">323589</a>).</li>
</ul>
<ul>
 <li>Ahora se pueden usar valores porcentuales en el radio de un gradiente radial (bug <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=323669">323669</a>).</li>
</ul>
<ul>
 <li>El método <code>documentElement.createSVGAngle()</code> ahora está implementado (bug <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=327437">327437</a>).</li>
</ul>
<ul>
 <li>Cuando un elemento <code>&lt;stop&gt;</code> se convierte en hijo de otro elemento <code>&lt;stop&gt;</code> dicho elemento deja de ser un aserto (bug <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=328137">328137</a>).</li>
</ul>
<ul>
 <li>Ahora funciona el cambio de la altura, anchura y orientación de los pinceles (bug <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=325728">325728</a>).</li>
</ul>
<ul>
 <li>El tamaño de las fuentes impresas en Windows ya no es tan grande como el especificado por el SVG (bug <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=314707">314707</a>).</li>
</ul>
<h2 id="Estado_de_la_implementaci.C3.B3n_de_los_elementos" name="Estado_de_la_implementaci.C3.B3n_de_los_elementos">Estado de la implementación de los elementos</h2>
<table style="margin: 5px;">
 <tbody>
  <tr>
   <th><b>Elemento </b></th>
   <th><b>Notas </b></th>
  </tr>
  <tr>
   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#basic-structure-mod">Módulo de estructura</a></th>
  </tr>
  <tr style="color: black; background-color: lightgreen;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#SVGElement">svg</a></td>
   <td>
    <ul>
     <li>Implementado.</li>
     <li>Los atributos DOM <code>currentScale</code> y <code>currentTranslate</code> están implementados pero no existe una interfaz de usuario para pan ni zoom.</li>
     <li>SVGSVGElement
      <ul>
       <li>Atributos no implementados: contentScriptType, contentStyleType, viewport, useCurrentView, currentView.</li>
       <li>Bindings no implementados: pauseAnimations, unpauseAnimations,animationsPaused, getCurrentTime, setCurrentTime, getIntersectionList, getEnclosureList, checkIntersection, checkEnclosure, deselectAll, createSVGAngle, getElementById</li>
      </ul>
     </li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: lightgreen;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#GElement">g</a></td>
   <td>
    <ul>
     <li>Implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: lightgreen;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#DefsElement">defs</a></td>
   <td>
    <ul>
     <li>Implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: lightgreen;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#DescElement">desc</a></td>
   <td>
    <ul>
     <li>Implementado.</li>
     <li>Solo disponible en el DOM, sin interfaz de usuario.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: lightgreen;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#TitleElement">title</a></td>
   <td>
    <ul>
     <li>Implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: lightgreen;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/metadata.html#MetadataElement">metadata</a></td>
   <td>
    <ul>
     <li>Implementado.</li>
     <li>Solo disponible en el DOM, sin interfaz de usuario. &lt;/td&gt;</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: lightgreen;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#SymbolElement">symbol</a></td>
   <td>
    <ul>
     <li>Implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: lightgreen;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#UseElement">use</a></td>
   <td>
    <ul>
     <li>Implementado.</li>
     <li>Solo funciona para referencias internas al documento (<a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=269482">bug 269482</a>).</li>
     <li>No sigue completamente las reglas de la cascada &lt;svg:use&gt; (<a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=265894">bug 265894</a>).</li>
     <li>No entrega eventos a un arbol SVGElementInstance (<a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=265895">bug 265895</a>).</li>
    </ul>
   </td>
  </tr>
  <tr>
   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#conditional-mod">Módulo de procesamiento condicional</a></th>
  </tr>
  <tr style="color: black; background-color: lightgreen;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#SwitchElement">switch</a></td>
   <td>
    <ul>
     <li>Implementado.</li>
    </ul>
   </td>
  </tr>
  <tr>
   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#image-mod">Módulo de imagen</a></th>
  </tr>
  <tr style="color: black; background-color: lightgreen;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#ImageElement">image</a></td>
   <td>
    <ul>
     <li>Implementado.</li>
     <li>Solo funciona para tramas de bitmaps (<a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=272288">bug 272288</a>).</li>
    </ul>
   </td>
  </tr>
  <tr>
   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/styling.html#style-mod">Módulo de estilo</a></th>
  </tr>
  <tr style="color: black; background-color: lightgreen;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/styling.html#StyleElement">style</a></td>
   <td>
    <ul>
     <li>Implementado.</li>
    </ul>
   </td>
  </tr>
  <tr>
   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/shapes.html#shape-mod">Módulo de formas</a></th>
  </tr>
  <tr style="color: black; background-color: lightgreen;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/paths.html#PathElement">path</a></td>
   <td>
    <ul>
     <li>Implementado.</li>
     <li>Interfaz SVGPathElement
      <ul>
       <li>Atributos no implementados: pathLength, normalizedPathSegList, animatedPathSegList, animatedNormalizedPathSegList</li>
       <li>Bindings no implementados: getTotalLength, getPointAtLength, getPathSegAtLength</li>
      </ul>
     </li>
     <li>Interfaz SVGPathSegList
      <ul>
       <li>Bindings No implementados: replaceItem()</li>
      </ul>
     </li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: lightgreen;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/shapes.html#RectElement">rect</a></td>
   <td>
    <ul>
     <li>Implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: lightgreen;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/shapes.html#CircleElement">circle</a></td>
   <td>
    <ul>
     <li>Implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: lightgreen;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/shapes.html#LineElement">line</a></td>
   <td>
    <ul>
     <li>Implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: lightgreen;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/shapes.html#EllipseElement">ellipse</a></td>
   <td>
    <ul>
     <li>Implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: lightgreen;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/shapes.html#PolylineElement">polyline</a></td>
   <td>
    <ul>
     <li>Implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: lightgreen;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/shapes.html#PolygonElement">polygon</a></td>
   <td>
    <ul>
     <li>Implementado.</li>
    </ul>
   </td>
  </tr>
  <tr>
   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/text.html#text-mod">Módulo de texto</a></th>
  </tr>
  <tr style="color: black; background-color: lightgreen;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/text.html#TextElement">text</a></td>
   <td>
    <ul>
     <li>Implementado.</li>
     <li>SVGTextElement
      <ul>
       <li>Atributos no implementados: rotate, textLength, lengthAdjust</li>
       <li>Bindings no implementados: getNumberOfChars, getSubStringLength, getStartPositionOfChar, getEndPositionOfChar, getRotationOfChar, getCharNumAtPosition, selectSubString.</li>
       <li>Bindings not functional at <code>onload</code> time: getExtentOfChar</li>
      </ul>
     </li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: lightgreen;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/text.html#TSpanElement">tspan</a></td>
   <td>
    <ul>
     <li>Implementado.</li>
     <li>SVGTSpanElement
      <ul>
       <li>Atributos no implementados: rotate, textLength, lengthAdjust</li>
       <li>Bindings no implementados: getNumberOfChars, getComputedTextLength, getSubStringLength, getStartPositionOfChar, getEndPositionOfChar, getExtentOfChar, getRotationOfChar, getCharNumAtPosition, selectSubString</li>
      </ul>
     </li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/text.html#TRefElement">tref</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: lightgreen;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/text.html#TextPathElement">textPath</a></td>
   <td>
    <ul>
     <li>Implementado en Firefox 2.</li>
     <li>Atributos no implementados: method, spacing, textLength, lengthAdjust</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/text.html#AltGlyphElement">altGlyph</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/text.html#AltGlyphDefElement">altGlyphDef</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/text.html#AltGlyphItemElement">altGlyphItem</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/text.html#GlyphRefElement">glyphRef</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr>
   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/painting.html#marker-mod">Módulo de pinceles</a></th>
  </tr>
  <tr style="color: black; background-color: lightgreen;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/painting.html#MarkerElement">marker</a></td>
   <td>
    <ul>
     <li>Implementado.</li>
    </ul>
   </td>
  </tr>
  <tr>
   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/color.html#color-profile-mod">Color Módulo de perfiles</a></th>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/color.html#ColorProfileElement">color-profile</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr>
   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/pservers.html#gradient-mod">Módulo de gradientes</a></th>
  </tr>
  <tr style="color: black; background-color: lightgreen;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/pservers.html#LinearGradientElement">linearGradient</a></td>
   <td>
    <ul>
     <li>Implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: lightgreen;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/pservers.html#RadialGradientElement">radialGradient</a></td>
   <td>
    <ul>
     <li>Implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: lightgreen;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/pservers.html#StopElement">stop</a></td>
   <td>
    <ul>
     <li>Implementado.</li>
    </ul>
   </td>
  </tr>
  <tr>
   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/pservers.html#pattern-mod">Módulo de patrones</a></th>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/pservers.html#PatternElement">pattern</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr>
   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/masking.html#clip-mod">Módulo de recorte</a></th>
  </tr>
  <tr style="color: black; background-color: lightgreen;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/masking.html#ClipPathElement">clipPath</a></td>
   <td>
    <ul>
     <li>Implementado.</li>
     <li>No maneja los caminos de recorte que tiene elementos con diferentes propiedades de reglas de recorte o que referencian otros clipPaths. (<a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=267224">bug 267224</a>).</li>
    </ul>
   </td>
  </tr>
  <tr>
   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/masking.html#mask-mod">Módulo de máscaras</a></th>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/masking.html#MaskElement">mask</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr>
   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#filter-mod">Módulo de filtros</a></th>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#FilterElement">filter</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feBlendElement">feBlend</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feColorMatrixElement">feColorMatrix</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feComponentTransferElement">feComponentTransfer</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feCompositeElement">feComposite</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feConvolveMatrixElement">feConvolveMatrix</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feDiffuseLightingElement">feDiffuseLighting</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feDisplacementMapElement">feDisplacementMap</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feFloodElement">feFlood</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feGaussianBlurElement">feGaussianBlur</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feImageElement">feImage</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feMergeElement">feMerge</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feMergeNodeElement">feMergeNode</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feMorphologyElement">feMorphology</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feOffsetElement">feOffset</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feSpecularLightingElement">feSpecularLighting</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feTileElement">feTile</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feTurbulenceElement">feTurbulence</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feDistantLightElement">feDistantLight</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#fePointLightElement">fePointLight</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feSpotLightElement">feSpotLight</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feFuncRElement">feFuncR</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feFuncGElement">feFuncG</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feFuncBElement">feFuncB</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feFuncAElement">feFuncA</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr>
   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/interact.html#cursor-mod">Módulo de cursores</a></th>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/interact.html#CursorElement">cursor</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr>
   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/linking.html#hyperlinking-mod">Módulos de hiperenlaces</a></th>
  </tr>
  <tr style="color: black; background-color: lightgreen;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/linking.html#AElement">a</a></td>
   <td>
    <ul>
     <li>Implementado como un binding XBL - object is not of type SVGAElement.</li>
     <li>Sólo están implementados los atributos <code>xlink:href</code>, <code>xlink:show</code> y <code>xlink:target</code> (en Firefox 2).</li>
    </ul>
   </td>
  </tr>
  <tr>
   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/linking.html#view-mod">Módulo de vista</a></th>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/linking.html#ViewElement">view</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr>
   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/script.html#scripting-mod">Módulo de scripting</a></th>
  </tr>
  <tr style="color: black; background-color: lightgreen;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/script.html#ScriptElement">script</a></td>
   <td>
    <ul>
     <li>Implementado.</li>
    </ul>
   </td>
  </tr>
  <tr>
   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/animate.html#animation-mod">Módulo de animación</a></th>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/animate.html#AnimateElement">animate</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/animate.html#SetElement">set</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/animate.html#AnimateMotionElement">animateMotion</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/animate.html#AnimateTransformElement">animateTransform</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/animate.html#AnimateColorElement">animateColor</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/animate.html#mpathElement">mpath</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr>
   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#font-mod">Módulo de fuentes</a></th>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#FontFaceElement">font</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#FontFaceNameElement">font-face</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#GlyphElement">glyph</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#MissingGlyphElement">missing-glyph</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#HKernElement">hkern</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#VKernElement">vkern</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#FontFaceSrcElement">font-face-src</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#FontFaceNameElement">font-face-uri</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#FontFaceNameElement">font-face-format</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#FontFaceNameElement">font-face-name</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#DefinitionSrcElement">definition-src</a></td>
   <td>
    <ul>
     <li>No implementado.</li>
    </ul>
   </td>
  </tr>
  <tr>
   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/extend.html#extensibility-mod">Módulo de extensibilidad</a></th>
  </tr>
  <tr style="color: black; background-color: salmon;">
   <td><a class="external" href="http://www.w3.org/TR/SVG11/extend.html#ForeignObjectElement">foreignObject</a></td>
   <td>
    <ul>
     <li>Implementado, aunque no integrado.</li>
    </ul>
   </td>
  </tr>
 </tbody>
</table>
<p>{{ languages( { "fr": "fr/SVG_dans_Firefox_1.5", "ja": "ja/SVG_in_Firefox_1.5", "pl": "pl/SVG_w_Firefoksie" } ) }}</p>