SVGPreserveAspectRatio: meetOrSlice プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
meetOrSlice は SVGPreserveAspectRatio インターフェイスの読み取り専用プロパティで、このインターフェイスで定義された SVG_MEETORSLICE_* 定数のいずれかで指定された配置の値の種類を反映します。
値
以下のいずれかです。
SVGPreserveAspectRatio.SVG_MEETORSLICE_UNKNOWN(0)SVGPreserveAspectRatio.SVG_MEETORSLICE_MEET(1)SVGPreserveAspectRatio.SVG_MEETORSLICE_SLICE(2)
例
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");
// meetOrSlice プロパティへのアクセス
console.log(svgElement.preserveAspectRatio.baseVal.meetOrSlice); // 出力: 2 (SVG_MEETORSLICE_SLICE)
仕様書
| 仕様書 |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGPreserveAspectRatio__meetOrSlice |