SVG Darstellungsfehler

SVG wird im Browser pixelig oder unscharf dargestellt

SVG Darstellungsfehler korrigieren

Bei der Skalierungen sieht die Darstellung von SVGs manchmal pixelig oder verschwommen aus. Das Entfernen der width und height kann hierbei hilfreich sein. Durch das Fehlen der Werte berechnet der Browser die Grafik neu und die Darstellungsfehler verschwinden.

<svg version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    x="0"
    y="0"
    width="20px"
    height="20px"
    viewBox="0 0 20 20"
    enable-background="new 0 0 20 20"
    xml:space="preserve">

Einfach folgende Einträge löschen:
width="20px"
height="20px"

Die Verwendung von background-repeat bei SVG-Dateien ist derzeit noch problematisch.

Impressum