SVG/Attribut/shape-rendering
Aus SELFHTML-Wiki
Das shape-rendering-Attribut legt fest, ob schnelle Ladegeschwindigkeit oder gute Darstellungsqualität im Vordergrund stehen sollen.
- Erlaubte Werte
- auto
- optimizeSpeed: schaltet Anti-Aliasing aus
- crispEdges
- geometricPrecision
- Standardwert
auto
- anwendbar auf
Formen
- Präsentationsattribut
ja
- mit CSS animierbar
ja
Beispiel
@media (min-resolution: 2ddpx) {
svg {
shape-rendering: optimizeSpeed;
}
}
Formen werden auf hochauflösenden Bildschirmen so schnell wie möglich gerendert. Für QR-Codes, SVGs ist dies sowieso erwünscht. Auf hochauflösenden Bildschirmen sind die Treppeneffekte pixeliger Grafiken eh zu vernachlässiigen.
Siehe auch
Weblinks
- Spezifikation (W3C): shape-rendering
- MDN: shape-rendering
Liste der SVG-Attribute
- Kernattribute
- Präsentationsattribute
- Anzeige
- Beschneidung und Masken
- Farben und Verläufe
- color
- color-interpolation
- fill
- fill-opacity
- fill-rule
- image-rendering
- marker
- marker-end
- marker-mid
- marker-start
- paint-order
- shape-rendering
- stop-color
- stop-opacity
- stroke
- stroke-align
- stroke-dasharray
- stroke-dashadjust
- stroke-dashcorner
- stroke-dashoffset
- stroke-linecap
- stroke-linejoin
- stroke-miterlimit
- stroke-opacity
- stroke-width
- vector-effect
- Filter
- Größen und Geometrie
- Schrift
- Text
- Animations-Attribute
- Filter-Attribute
- Layout-Attribute
- viewBox-Attribute
- XLink-Attribute
- weitere XML-Attribute
