mozilla

Revision 287015 of SVG in Firefox

  • Revision slug: Talk:SVG_in_Firefox
  • Revision title: SVG in Firefox
  • Revision id: 287015
  • Created:
  • Creator: Fcp
  • Is current revision? Yes
  • Comment 108 words added

Revision Content

Can we get an example of what HTML to use to embed the SVG object into your HTML page? I'm currently dissatisfied with

<object data="circuits.svg" width=800 height=500>

because I have not figured out how to have a shrunken version of a .SVG file. Clearly there are other parameters to the <object> tag I need to understand to get rid of those silly scroll bars.

text-decoration

Hi.

What's about text-decoration? I tried something like

<text x="20" y="200" fill="blue" text-decoration="underline">some text</text>

and it didn't work.

Regards -- Manuel (Diskussion) 03:49, 9 June 2006 (PDT)

Old versions

It would be useful to have some kind of indication of what is supported in older versions of gecko & which browsers use which version. For instance, if I wanted to write an application targetting Firefox 1.5, what can I do / can't I do?

DOM interface to <use> element

I observed (FF2.0/macosx) that instances of SVGUseElement don't have instanceRoot or animatedInstanceRoot properties - that is that the properties aren't present (in Venkman or DOM inspector), not that the properties are null. The closest existing bug I found was {{ Bug(265895) }}, but that isn't quite the same. The SVG spec has an example that exhibits the behaviour.

Dorian Taylor

alignment-baseline / dominant-baseline of <text> element

The table shows that the alignment-baseline property of the <text> element is not implemented.  However, according to the SVG 1.1 specs, this property is not applicable to the <text> element.  You might mean the dominant-baseline property (which does not appear to have any effect in Firefox 3.5).  Maybe the dominant-baseline property is not implemented in the <tspan> or the <textPath> element, either, but I have never used them.  --fcp July 4, 2009

Revision Source

<p>Can we get an example of what HTML to use to embed the SVG object into your HTML page? I'm currently dissatisfied with</p>
<p>&lt;object data="circuits.svg" width=800 height=500&gt;</p>
<p>because I have not figured out how to have a shrunken version of a .SVG file. Clearly there are other parameters to the &lt;object&gt; tag I need to understand to get rid of those silly scroll bars.</p>
<h3 id="text-decoration" name="text-decoration">text-decoration</h3>
<p>Hi.</p>
<p>What's about text-decoration? I tried something like</p>
<pre class="eval">&lt;text x="20" y="200" fill="blue" text-decoration="underline"&gt;some text&lt;/text&gt;
</pre>
<p>and it didn't work.</p>
<p>Regards -- <a href="/User:Manuel_Strehl" title="User:Manuel_Strehl">Manuel</a> <a href="/en/Benutzer_Diskussion/Manuel_Strehl" title="en/Benutzer_Diskussion/Manuel_Strehl">(Diskussion)</a> 03:49, 9 June 2006 (PDT)</p>
<h3 id="Old_versions" name="Old_versions">Old versions</h3>
<p>It would be useful to have some kind of indication of what is supported in older versions of gecko &amp; which browsers use which version. For instance, if I wanted to write an application targetting Firefox 1.5, what can I do / can't I do?</p>
<h3 id="DOM_interface_to_.3Cuse.3E_element" name="DOM_interface_to_.3Cuse.3E_element">DOM interface to &lt;use&gt; element</h3>
<p>I observed (FF2.0/macosx) that instances of SVGUseElement don't have instanceRoot or animatedInstanceRoot properties - that is that the properties aren't present (in Venkman or DOM inspector), not that the properties are null. The closest existing bug I found was {{ Bug(265895) }}, but that isn't quite the same. <a class="external" href="http://www.w3.org/TR/SVG/images/struct/Use01.svg">The SVG spec</a> has an example that exhibits the behaviour.</p>
<p><a href="/User:Doriantaylor" title="User:Doriantaylor">Dorian Taylor</a></p>
<h3 id="alignment-baseline_/_dominant-baseline_of_&lt;text>_element">alignment-baseline / dominant-baseline of &lt;text&gt; element</h3>
<p>The table shows that the alignment-baseline property of the &lt;text&gt; element is not implemented.  However, according to the <a class="external" href="http://www.w3.org/TR/SVG11/text.html#propdef-alignment-baseline" title="http://www.w3.org/TR/SVG11/text.html#propdef-alignment-baseline">SVG 1.1 specs</a>, this property is not applicable to the &lt;text&gt; element.  You might mean the <a class="external" href="http://www.w3.org/TR/SVG11/text.html#propdef-dominant-baseline" title="http://www.w3.org/TR/SVG11/text.html#propdef-dominant-baseline">dominant-baseline property</a> (which does not appear to have any effect in Firefox 3.5).  Maybe the dominant-baseline property is not implemented in the &lt;tspan&gt; or the &lt;textPath&gt; element, either, but I have never used them.  --<a class="internal" href="/User:Fcp" title="User:Fcp">fcp</a> July 4, 2009</p>
Revert to this revision