Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

SVGPreserveAspectRatio: Eigenschaft meetOrSlice

Baseline
Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Die Eigenschaft meetOrSlice der Schnittstelle SVGPreserveAspectRatio gibt den Typ des meet-or-slice-Werts an, der durch eine der in dieser Schnittstelle definierten SVG_MEETORSLICE_*-Konstanten festgelegt wird.

Wert

Einer der folgenden Werte:

  • SVGPreserveAspectRatio.SVG_MEETORSLICE_UNKNOWN (0)
  • SVGPreserveAspectRatio.SVG_MEETORSLICE_MEET (1)
  • SVGPreserveAspectRatio.SVG_MEETORSLICE_SLICE (2)

Beispiele

Zugriff auf die Eigenschaft meetOrSlice

html
<svg
  xmlns="http://www.w3.org/2000/svg"
  width="400"
  height="200"
  preserveAspectRatio="xMidYMid slice">
  <circle cx="100" cy="100" r="50" fill="blue" />
</svg>
js
const svgElement = document.querySelector("svg");

// Access the meetOrSlice property
console.log(svgElement.preserveAspectRatio.baseVal.meetOrSlice); // Output: 2 (SVG_MEETORSLICE_SLICE)

Spezifikationen

Spezifikation
Scalable Vector Graphics (SVG) 2
# __svg__SVGPreserveAspectRatio__meetOrSlice

Browser-Kompatibilität