text-rendering
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Januar 2020 browserübergreifend verfügbar.
Das text-rendering-Attribut gibt dem Renderer Hinweise darauf, welche Kompromisse beim Rendern von Text eingegangen werden sollen.
Hinweis:
Als Präsentationsattribut hat text-rendering auch ein entsprechendes CSS-Property: text-rendering. Wenn beide angegeben sind, hat das CSS-Property Vorrang.
Dieses Attribut kann mit den folgenden SVG-Elementen verwendet werden:
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>
Verwendungshinweise
| Wert |
auto | optimizeSpeed |
optimizeLegibility | geometricPrecision
|
|---|---|
| Standardwert | auto |
| Animierbar | diskret |
auto-
Dieser Wert zeigt an, dass der Benutzeragent geeignete Kompromisse eingehen soll, um Geschwindigkeit, Lesbarkeit und geometrische Präzision auszugleichen, wobei der Lesbarkeit mehr Bedeutung beigemessen wird als der Geschwindigkeit und der geometrischen Präzision.
optimizeSpeed-
Dieser Wert zeigt an, dass der Benutzeragent die Rendering-Geschwindigkeit über die Lesbarkeit und die geometrische Präzision stellen soll. Diese Option führt manchmal dazu, dass einige Benutzeragenten das Text-Anti-Aliasing deaktivieren.
optimizeLegibility-
Dieser Wert zeigt an, dass der Benutzeragent die Lesbarkeit über die Rendering-Geschwindigkeit und die geometrische Präzision stellen soll. Der Benutzeragent wählt oft, ob Anti-Aliasing-Techniken, eingebaute Schriftarten-Hinting oder beides angewendet werden, um den lesbarsten Text zu erzeugen.
geometricPrecision-
Dieser Wert zeigt an, dass der Benutzeragent die geometrische Präzision über die Lesbarkeit und die Rendering-Geschwindigkeit stellen soll. Diese Option führt normalerweise dazu, dass der Benutzeragent die Verwendung von Hinting aussetzt, damit die glyph-Umrisse mit vergleichbarer geometrischer Präzision zur Wiedergabe von Pfaddaten gezeichnet werden.
Spezifikationen
| Spezifikation |
|---|
| Scalable Vector Graphics (SVG) 2 # TextRenderingProperty |
Browser-Kompatibilität
Siehe auch
- CSS
text-rendering-Property