text-rendering
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Das text-rendering Attribut gibt dem Renderer Hinweise darauf, welche Kompromisse beim Rendern von Text eingegangen werden sollen.
Hinweis: Als Präsentationsattribut kann text-rendering als CSS-Eigenschaft verwendet werden. Weitere Informationen finden Sie unter der CSS-Eigenschaft text-rendering.
Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:
Beispiel
<svg viewBox="0 0 140 40" xmlns="http://www.w3.org/2000/svg">
<text y="15" text-rendering="geometricPrecision">Geometric precision</text>
<text y="35" text-rendering="optimizeLegibility">Optimized legibility</text>
</svg>
Anwendungshinweise
| Wert |
auto | optimizeSpeed |
optimizeLegibility | geometricPrecision
|
|---|---|
| Standardwert | auto |
| Animierbar | diskret |
auto-
Dieser Wert gibt an, dass der Benutzeragent geeignete Kompromisse zwischen Geschwindigkeit, Lesbarkeit und geometrischer Präzision eingehen soll, wobei der Lesbarkeit eine höhere Wichtigkeit beigemessen wird als der Geschwindigkeit und der geometrischen Präzision.
optimizeSpeed-
Dieser Wert gibt an, dass der Benutzeragent die Rendergeschwindigkeit über Lesbarkeit und geometrische Präzision stellen soll. Diese Option wird in manchen Fällen dazu führen, dass einige Benutzeragenten die Text-Anti-Aliasing-Funktion ausschalten.
optimizeLegibility-
Dieser Wert gibt an, dass der Benutzeragent die Lesbarkeit über Rendergeschwindigkeit und geometrische Präzision priorisieren soll. Der Benutzeragent entscheidet oft, ob Anti-Aliasing-Techniken, eingebaute Schriftartenhinweise oder beides angewendet werden, um den lesbarsten Text zu erzeugen.
geometricPrecision-
Dieser Wert gibt an, dass der Benutzeragent die geometrische Präzision über Lesbarkeit und Rendergeschwindigkeit betonen soll. Diese Option führt in der Regel dazu, dass der Benutzeragent auf die Verwendung von Hinting verzichtet, sodass Glyphe-Umrisse mit vergleichbarer geometrischer Präzision zum Rendern von Pfaddaten gezeichnet werden.
Spezifikationen
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # TextRendering |
Browser-Kompatibilität
BCD tables only load in the browser