<glyph>
Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, kann sie bereits aus den relevanten Webstandards entfernt worden sein, befindet sich im Prozess der Entfernung oder wird nur aus Kompatibilitätsgründen beibehalten. Vermeiden Sie die Verwendung und aktualisieren Sie gegebenenfalls bestehenden Code; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu treffen. Beachten Sie, dass diese Funktion jederzeit nicht mehr funktionieren kann.
Ein <glyph>
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