SVGPreserveAspectRatio: align-Eigenschaft
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Die schreibgeschützte align-Eigenschaft der SVGPreserveAspectRatio-Schnittstelle reflektiert den Typ des Ausrichtungswertes, wie er von einer der SVG_PRESERVEASPECTRATIO_*-Konstanten definiert ist, die in dieser Schnittstelle festgelegt sind.
Wert
Einer der folgenden:
SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_UNKNOWN(0)SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_NONE(1)SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_XMINYMIN(2)SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_XMIDYMIN(3)SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_XMAXYMIN(4)SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_XMINYMID(5)SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_XMIDYMID(6)SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_XMAXYMID(7)SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_XMINYMAX(8)SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_XMIDYMAX(9)SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_XMAXYMAX(10)
Beispiele
Zugriff auf die align-Eigenschaft
html
<svg
xmlns="http://www.w3.org/2000/svg"
width="400"
height="200"
preserveAspectRatio="xMidYMid meet">
<circle cx="100" cy="100" r="50" fill="blue" />
</svg>
js
const svgElement = document.querySelector("svg");
// Access the align property
console.log(svgElement.preserveAspectRatio.baseVal.align); // Output: 6 (SVG_PRESERVEASPECTRATIO_XMIDYMID)
Spezifikationen
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGPreserveAspectRatio__align |
Browser-Kompatibilität
Loading…