SVG/Attribute/preserveAspectRatio

Das preserveAspectRatio-Attribut legt fest, ob das Seitenverhältnis der viewBox dem des Viewport angepasst wird

erlaubte Werte	ein oder zwei Angaben, durch Leerzeichen getrennt: genau eins der Folgenden: none xMinYMin xMidYMin xMaxYMin xMinYMid xMidYMid xMaxYMid xMinYMax xMidYMax xMaxYMax höchstens eins der Folgenden (sonst wird meet angenommen): meet slice
default-Wert	xMidYMid meet
erlaubt in	svg, symbol, image, feImage, marker, pattern, view

Beispiel

<svg width="500" height="400"
     viewBox="0 0 250 600"
     preserveAspectRatio="none">

Das Seitenverhältnis wird nicht festgelegt

Beachten Sie: Ist der erste Wert none, wird der zweite ignoriert.

Siehe auch

• SVG/Tutorials/Einstieg/SVG in responsiven Webseiten

Weblinks

• Spezifikation (W3C): preserveAspectRatio
• MDN: preserveAspectRatio