Deprecated
This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.
The <altGlyph>
SVG 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 |
Attributes
x
- This attribute defines the corresponding absolute x-coordinates for rendering the element.
Value type: <list-of-coordinates> ; Default value: Absolute x-coordinate of ancestor<text>
or<tspan>
; Animatable: yes y
- This attribute defines the corresponding absolute y-coordinates for rendering the element.
Value type: <list-of-coordinates> ; Default value: Absolute y-coordinate of ancestor<text>
or<tspan>
; Animatable: yes dx
- This attribute indicates a shift along the x-axis on the position of the element.
Value type: <list-of-coordinates> ; Default value: Relative x-coordinate of ancestor<text>
or<tspan>
; Animatable: yes dy
- This attribute indicates a shift along the x-axis on the position of the element.
Value type: <list-of-coordinates> ; Default value: Relative y-coordinate of ancestor<text>
or<tspan>
; Animatable: yes rotate
- This attribute defines the supplemental rotation that will be applied to the element.
Value type: <list-of-numbers> ; Default value: none; Animatable: yes (non-additive) glyphRef
- The glyph identifier, the format of which is dependent on the format defined by the
format
attribute of the given font.
Value type: <string> ; Default value: none; Animatable: no format
- The format of the given font.
Value type: <string> ; Default value: none; Animatable: no xlink:href
- An <iri> reference either to a
<glyph>
element in an SVG document or to an<altGlyphDef>
element.
If the reference is to a<glyph>
element and that glyph is available, then that glyph is rendered instead of the character(s) that are inside of the<altGlyph>
element.
If the reference is to an<altGlyphDef>
element, then if an appropriate set of alternate glyphs is located from processing the<altGlyphDef>
element, then those alternate glyphs are rendered instead of the character(s) that are inside of the<altGlyph>
element.
Value type: <iri> ; Default value: none; Animatable: no
Global attributes
- Core Attributes
- Most notably:
id
lang
- Styling Attributes
class
,style
- Conditional Processing Attributes
- Most notably:
requiredExtensions
,systemLanguage
- Event Attributes
- Global event attributes, Document element event attributes, Graphical event attributes
- Presentation Attributes
- Most notably:
clip-path
,clip-rule
,color
,color-interpolation
,color-rendering
,cursor
,display
,dominant-baseline
,fill
,fill-opacity
,fill-rule
,filter
,mask
,opacity
,pointer-events
,shape-rendering
,stroke
,stroke-dasharray
,stroke-dashoffset
,stroke-linecap
,stroke-linejoin
,stroke-miterlimit
,stroke-opacity
,stroke-width
,text-anchor
,transform
,vector-effect
,visibility
- XLink Attributes
xlink:href
,xlink:type
,xlink:role
,xlink:arcrole
,xlink:title
,xlink:show
,xlink:actuate
DOM Interface
This element implements the SVGAltGlyphElement
interface.
Specifications
Specification | Status | Comment |
---|---|---|
Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of '<altGlyph>' in that specification. |
Recommendation | Initial definition |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
altGlyph | Chrome Full support 1 | Edge Full support ≤18 | Firefox No support 4 — 49 | IE ? | Opera Full support 10.6 | Safari Full support 4 | WebView Android Full support 4 | Chrome Android Full support 18 | Firefox Android No support 4 — 49 | Opera Android Full support 11 | Safari iOS Full support 4 | Samsung Internet Android Full support 1.0 |
dx | Chrome ? | Edge ? | Firefox No support No | IE ? | Opera ? | Safari ? | WebView Android ? | Chrome Android ? | Firefox Android No support No | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
dy | Chrome ? | Edge ? | Firefox No support No | IE ? | Opera ? | Safari ? | WebView Android ? | Chrome Android ? | Firefox Android No support No | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
format | Chrome ? | Edge ? | Firefox No support No | IE ? | Opera ? | Safari ? | WebView Android ? | Chrome Android ? | Firefox Android No support No | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
glyphRef | Chrome ? | Edge ? | Firefox No support No | IE ? | Opera ? | Safari ? | WebView Android ? | Chrome Android ? | Firefox Android No support No | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
rotate | Chrome ? | Edge ? | Firefox No support No | IE ? | Opera ? | Safari ? | WebView Android ? | Chrome Android ? | Firefox Android No support No | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
x | Chrome ? | Edge ? | Firefox No support No | IE ? | Opera ? | Safari ? | WebView Android ? | Chrome Android ? | Firefox Android No support No | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
xlink:href | Chrome ? | Edge ? | Firefox No support No | IE ? | Opera ? | Safari ? | WebView Android ? | Chrome Android ? | Firefox Android No support No | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
y | Chrome ? | Edge ? | Firefox No support No | IE ? | Opera ? | Safari ? | WebView Android ? | Chrome Android ? | Firefox Android No support No | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
Legend
- Full support
- Full support
- No support
- No support
- Compatibility unknown
- Compatibility unknown
- Deprecated. Not for use in new websites.
- Deprecated. Not for use in new websites.