altGlyph

  • Revision slug: SVG/Element/altGlyph
  • Revision title: altGlyph
  • Revision id: 57348
  • Created:
  • Creator: Manuel_Strehl
  • Is current revision? No
  • Comment 10 words added, 4 words removed

Revision Content

{{ SVGRefElem() }}

The altGlyph element allows sophisticated selection of the glyphs used to render its child character data.

Usage context

Categories Text content element, Text content child element
Permitted content Any elements or character data.
Normative document SVG 1.1 (2nd Edition)

Example

Attributes

Global attributes

Specific attributes

  • {{ SVGAttr("x") }}
  • {{ SVGAttr("y") }}
  • {{ SVGAttr("dx") }}
  • {{ SVGAttr("dy") }}
  • {{ SVGAttr("rotate") }}
  • {{ SVGAttr("glyphRef") }}
  • {{ SVGAttr("format") }}
  • {{ SVGAttr("xlink:href") }}

DOM Interface

This element implements the SVGAltGlyphElement interface.

Browser compatibility

{{ CompatibilityTable() }}

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 {{ CompatGeckoDesktop('2.0') }} [1] {{ CompatUnknown() }} {{ CompatOpera('10.6') }} {{ CompatSafari('4.0') }}
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support {{ CompatUnknown() }} {{ CompatGeckoMobile('2.0') }} [1] {{ CompatNo() }} {{ CompatOperaMobile('11.0') }} {{ CompatSafari('4.0') }}

[1] partial support, see bug 456286 and bug 571808.

The chart is based on these sources.

See also

  • {{ SVGElement("tspan") }}
  • {{ SVGElement("glyph") }}
  • {{ SVGElement("altGlyphDef") }}

Revision Source

<p>{{ SVGRefElem() }}</p>
<p>The <code>altGlyph</code> element allows sophisticated selection of the glyphs used to render its child character data.</p>
<h2 id="Usage_context">Usage context</h2>
<table class="standard-table"> <tbody> <tr> <th scope="row">Categories</th> <td>Text content element, Text content child element</td> </tr> <tr> <th scope="row">Permitted content</th> <td>Any elements or character data.</td> </tr> <tr> <th scope="row">Normative document</th> <td><a class="external" href="http://www.w3.org/TR/SVG/text.html#AltGlyphElement" title="http://www.w3.org/TR/SVG/text.html#AltGlyphElement">SVG 1.1 (2nd Edition)</a></td> </tr> </tbody>
</table>
<h2 id="Example">Example</h2>
<h2 id="Attributes">Attributes</h2>
<h3 id="Global_attributes">Global attributes</h3>
<ul> <li><a href="/en/SVG/Attribute#ConditionalProccessing" title="en/SVG/Attribute#ConditionalProccessing">Conditional processing attributes</a> »</li> <li><a href="/en/SVG/Attribute#Core" title="en/SVG/Attribute#Core">Core attributes</a> »</li> <li><a href="/en/SVG/Attribute#GraphicalEvent" title="en/SVG/Attribute#GraphicalEvent">Graphical event attributes</a> »</li> <li><a href="/en/SVG/Attribute#Presentation" title="en/SVG/Attribute#Presentation">Presentation attributes</a> »</li> <li><a href="/en/SVG/Attribute#XLink" title="en/SVG/Attribute#XLink">XLink attributes</a> »</li> <li>{{ SVGAttr("class") }}</li> <li>{{ SVGAttr("style") }}</li> <li>{{ SVGAttr("externalResourcesRequired") }}</li>
</ul>
<h3 id="Specific_attributes">Specific attributes</h3>
<ul> <li>{{ SVGAttr("x") }}</li> <li>{{ SVGAttr("y") }}</li> <li>{{ SVGAttr("dx") }}</li> <li>{{ SVGAttr("dy") }}</li> <li>{{ SVGAttr("rotate") }}</li> <li>{{ SVGAttr("glyphRef") }}</li> <li>{{ SVGAttr("format") }}</li> <li>{{ SVGAttr("xlink:href") }}</li>
</ul>
<h2 id="DOM Interface">DOM Interface</h2>
<p>This element implements the <code><a href="/en/DOM/SVGAltGlyphElement" title="en/DOM/SVGAltGlyphElement">SVGAltGlyphElement</a></code> interface.</p>
<h2 id="Browser_compatibility">Browser compatibility</h2>
<p>{{ CompatibilityTable() }}</p>
<div id="compat-desktop"> <table class="compat-table"> <tbody> <tr> <th scope="col">Feature</th> <th scope="col">Chrome</th> <th scope="col">Firefox (Gecko)</th> <th scope="col">Internet Explorer</th> <th scope="col">Opera</th> <th scope="col">Safari</th> </tr> <tr> <td>Basic support</td> <td>1.0</td> <td>{{ CompatGeckoDesktop('2.0') }} <a href="#supportGecko">[1]</a></td> <td>{{ CompatUnknown() }}</td> <td>{{ CompatOpera('10.6') }}</td> <td>{{ CompatSafari('4.0') }}</td> </tr> </tbody> </table>
</div>
<div id="compat-mobile"> <table class="compat-table"> <tbody> <tr> <th>Feature</th> <th>Android</th> <th>Firefox Mobile (Gecko)</th> <th>IE Phone</th> <th>Opera Mobile</th> <th>Safari Mobile</th> </tr> <tr> <td>Basic support</td> <td>{{ CompatUnknown() }}</td> <td>{{ CompatGeckoMobile('2.0') }} <a href="#supportGecko">[1]</a></td> <td>{{ CompatNo() }}</td> <td>{{ CompatOperaMobile('11.0') }}</td> <td>{{ CompatSafari('4.0') }}</td> </tr> </tbody> </table>
</div>
<p id="supportGecko">[1] partial support, see <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=456286" rel="external">bug 456286</a> and <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=571808" rel="external">bug 571808</a>.</p>
<p>The chart is based on <a href="/en/SVG/Compatibility_sources" title="en/SVG/Compatibility sources">these sources</a>.</p><h2 id="See_also">See also</h2>
<ul> <li>{{ SVGElement("tspan") }}</li> <li>{{ SVGElement("glyph") }}</li> <li>{{ SVGElement("altGlyphDef") }}</li>
</ul>
Revert to this revision