Revision 57344 of altGlyph

  • Revision slug: SVG/Element/altGlyph
  • Revision title: altGlyph
  • Revision id: 57344
  • Created:
  • Creator: Manuel_Strehl
  • Is current revision? No
  • Comment 84 words added

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() }}

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

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>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>Example</h2>
<h2>Attributes</h2>
<h3>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>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>DOM Interface</h2>
<p>This element implements the <code><a href="/en/DOM/SVGAltGlyphElement" title="en/DOM/SVGAltGlyphElement">SVGAltGlyphElement</a></code> interface.</p>
<h2>Browser compatibility</h2>
<p>{{ CompatibilityTable() }}</p>
<div id="compat-desktop">{{ CompatTableHeader() }} <table class="compat-table"> <tbody> <tr> <td>Basic support</td> <td>1.0</td> <td>{{ CompatGeckoDesktop('2.0') }}</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') }}</td> <td>{{ CompatNo() }}</td> <td>{{ CompatOperaMobile('11.0') }}</td> <td>{{ CompatSafari('4.0') }}</td> </tr> </tbody> </table>
</div>
<p>The chart is based on <a href="/en/SVG/Compatibility_sources" title="en/SVG/Compatibility sources">these sources</a>.</p>
<h2>See also</h2>
<ul> <li>{{ SVGElement("tspan") }}</li> <li>{{ SVGElement("glyph") }}</li> <li>{{ SVGElement("altGlyphDef") }}</li>
</ul>
Revert to this revision