SVGPreserveAspectRatio

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.

SVG preserveAspectRatio Schnittstelle

Die SVGPreserveAspectRatio-Schnittstelle entspricht dem preserveAspectRatio-Attribut, das bei einigen SVG-Elementen verfügbar ist.

Ein SVGPreserveAspectRatio-Objekt kann als schreibgeschützt gekennzeichnet werden, was bedeutet, dass Versuche, das Objekt zu ändern, zu einer Ausnahme führen.

Übersicht über die Schnittstelle

Implementiert auch Keine
Methoden Keine
Eigenschaften
  • unsigned short align
  • unsigned short meetOrSlice
Konstanten
  • SVG_PRESERVEASPECTRATIO_UNKNOWN = 0
  • SVG_PRESERVEASPECTRATIO_NONE = 1
  • SVG_PRESERVEASPECTRATIO_XMINYMIN = 2
  • SVG_PRESERVEASPECTRATIO_XMIDYMIN = 3
  • SVG_PRESERVEASPECTRATIO_XMAXYMIN = 4
  • SVG_PRESERVEASPECTRATIO_XMINYMID = 5
  • SVG_PRESERVEASPECTRATIO_XMIDYMID = 6
  • SVG_PRESERVEASPECTRATIO_XMAXYMID = 7
  • SVG_PRESERVEASPECTRATIO_XMINYMAX = 8
  • SVG_PRESERVEASPECTRATIO_XMIDYMAX = 9
  • SVG_PRESERVEASPECTRATIO_XMAXYMAX = 10
  • SVG_MEETORSLICE_UNKNOWN = 0
  • SVG_MEETORSLICE_MEET = 1
  • SVG_MEETORSLICE_SLICE = 2
Normatives Dokument SVG 1.1 (2. Edition)

Konstanten

Name Wert Beschreibung
SVG_PRESERVEASPECTRATIO_UNKNOWN 0 Die Enumeration wurde auf einen Wert gesetzt, der nicht einer der vordefinierten Typen ist. Es ist ungültig, zu versuchen, einen neuen Wert dieses Typs zu definieren oder einen bestehenden Wert zu diesem Typ zu wechseln.
SVG_PRESERVEASPECTRATIO_NONE 1 Entspricht dem Wert none für das Attribut preserveAspectRatio.
SVG_PRESERVEASPECTRATIO_XMINYMIN 2 Entspricht dem Wert xMinYMin für das Attribut preserveAspectRatio.
SVG_PRESERVEASPECTRATIO_XMIDYMIN 3 Entspricht dem Wert xMidYMin für das Attribut preserveAspectRatio.
SVG_PRESERVEASPECTRATIO_XMAXYMIN 4 Entspricht dem Wert xMaxYMin für das Attribut preserveAspectRatio.
SVG_PRESERVEASPECTRATIO_XMINYMID 5 Entspricht dem Wert xMinYMid für das Attribut preserveAspectRatio.
SVG_PRESERVEASPECTRATIO_XMIDYMID 6 Entspricht dem Wert xMidYMid für das Attribut preserveAspectRatio.
SVG_PRESERVEASPECTRATIO_XMAXYMID 7 Entspricht dem Wert xMaxYMid für das Attribut preserveAspectRatio.
SVG_PRESERVEASPECTRATIO_XMINYMAX 8 Entspricht dem Wert xMinYMax für das Attribut preserveAspectRatio.
SVG_PRESERVEASPECTRATIO_XMIDYMAX 9 Entspricht dem Wert xMidYMax für das Attribut preserveAspectRatio.
SVG_PRESERVEASPECTRATIO_XMAXYMAX 10 Entspricht dem Wert xMaxYMax für das Attribut preserveAspectRatio.
SVG_MEETORSLICE_UNKNOWN 0 Die Enumeration wurde auf einen Wert gesetzt, der nicht einer der vordefinierten Typen ist. Es ist ungültig, zu versuchen, einen neuen Wert dieses Typs zu definieren oder einen bestehenden Wert zu diesem Typ zu wechseln.
SVG_MEETORSLICE_MEET 1 Entspricht dem Wert meet für das Attribut preserveAspectRatio.
SVG_MEETORSLICE_SLICE 2 Entspricht dem Wert slice für das Attribut preserveAspectRatio.

Instanz-Eigenschaften

Name Typ Beschreibung
[`align`](/de/docs/Web/API/SVGPreserveAspectRatio/align) unsigned short Der Typ des Ausrichtungswertes gemäß einer der SVG_PRESERVEASPECTRATIO_*-Konstanten, die in dieser Schnittstelle definiert sind.
[`meetOrSlice`](/de/docs/Web/API/SVGPreserveAspectRatio/meetOrSlice) unsigned short Der Typ des meet-or-slice Wertes gemäß einer der SVG_MEETORSLICE_*-Konstanten, die in dieser Schnittstelle definiert sind.

Ausnahmen beim Setzen: Eine DOMException mit dem Code NO_MODIFICATION_ALLOWED_ERR wird ausgelöst, wenn versucht wird, den Wert eines Attributs bei einem schreibgeschützten Objekt zu ändern.

Instanzmethoden

Die SVGPreserveAspectRatio-Schnittstelle bietet keine spezifischen Methoden.

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2
# InterfaceSVGPreserveAspectRatio

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
SVGPreserveAspectRatio
align
meetOrSlice

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support