<glyph>
Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, könnte sie bereits aus den relevanten Webstandards entfernt worden sein, in Kürze entfernt werden oder nur noch aus Kompatibilitätsgründen bestehen. Vermeiden Sie die Verwendung und aktualisieren Sie vorhandenen Code, falls möglich; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu unterstützen. Beachten Sie, dass diese Funktion jederzeit aufhören könnte zu funktionieren.
Das <glyph>
SVG-Element definiert ein einzelnes Glyph in einer SVG-Schriftart.
Verwendungskontext
Kategorien | Element mit Textinhalt |
---|---|
Erlaubter Inhalt | Beliebige Anzahl folgender Elemente, in beliebiger Reihenfolge: Animationselemente Beschreibende Elemente Formelemente Strukturelemente Gradient-Elemente <a> , <clipPath> , <cursor> , <filter> , <font> , <font-face> , <foreignObject> , <image> , <marker> , <mask> , <pattern> , <script> , <style> , <switch> , <text> , <view> |
Attribute
d
Veraltethoriz-adv-x
Veraltetvert-origin-x
Veraltetvert-origin-y
Veraltetvert-adv-y
Veraltetunicode
Veraltetglyph-name
Veraltetorientation
Veraltetarabic-form
Veraltetlang
Veraltet
DOM-Schnittstelle
Dieses Element implementiert die SVGGlyphElement
-Schnittstelle.
Beispiel
SVG
<svg
width="400px"
height="300px"
version="1.1"
xmlns="http://www.w3.org/2000/svg">
<!-- Example copied from https://www.w3.org/TR/SVG/fonts.html#GlyphElement -->
<defs>
<font id="Font1" horiz-adv-x="1000">
<font-face
font-family="Super Sans"
font-weight="bold"
font-style="normal"
units-per-em="1000"
cap-height="600"
x-height="400"
ascent="700"
descent="300"
alphabetic="0"
mathematical="350"
ideographic="400"
hanging="500">
<font-face-src>
<font-face-name name="Super Sans Bold" />
</font-face-src>
</font-face>
<missing-glyph><path d="M0,0h200v200h-200z" /></missing-glyph>
<glyph unicode="!" horiz-adv-x="80" d="M0,0h200v200h-200z"></glyph>
<glyph unicode="@" d="M0,50l100,300l400,100z"></glyph>
</font>
</defs>
<text
x="100"
y="100"
style="font-family: 'Super Sans', Helvetica, sans-serif;
font-weight: bold; font-style: normal">
Text using embedded font!
</text>
</svg>
Ergebnis
Spezifikationen
Specification |
---|
Scalable Vector Graphics (SVG) 1.1 (Second Edition) # GlyphElement |
Browser-Kompatibilität
BCD tables only load in the browser