Rendering

Een SVG Viewer kan een afbeelding op verschillende manieren weergeven (renderen).
Een viewer kan een afbeelding renderen met anti-alising, dit betekent dat er een gemiddelde van de kleuren van aangrenzende pixels en de pixel zelf wordt genomen, zoals hier links boven het geval is. Bij de meeste viewers wordt dit "hoge kwaliteit" genoemd. Het berekenen van zo'n afbeelding verbruikt meer geheugen, dan als dit niet het geval is (zoals rechts). Dit wordt in vele viewers "lage kwaliteit" genoemd. U kan in svg de kwaliteit van de hele afbeelding of van een enkele vorm instellen.

color-rendering

De css-eigenschap color-rendering kan de waarden auto, optimizeSpeed of optimizeQuality hebben. Met deze eigenschap stelt u de kwaliteit van de kleur in.

shape-rendering

De css-eigenschap shape-rendering kan de waarden auto, optimizeSpeed, crispEdges en geometricPrecision hebben. Met deze eigenschap stelt u de kwaliteit van vormen in.

text-rendering

De css-eigenscap text-rendering kan de waarden auto, optimizeSpeed, optimizeLegibility en geometricPrecision hebben. Met deze eigenschap stelt u de kwaliteit van tekst in.

image-rendering

De css-eigenschap image-rendering kan de waarden auto, optimizeSpeed en optimizeQuality hebben. Met deze eigenschap stelt u de kwaliteit van een afbeelding in.

Voorbeeld

In dit voorbeeld zijn alle eigenschappen in een tabel gerangschikt.