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 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:

<text>

Beispiel

html,
body,
svg {
  height: 100%;
}

html

<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

Specification
Scalable Vector Graphics (SVG) 2 # TextRenderingProperty

Browser-Kompatibilität

Siehe auch

CSS text-rendering-Property