SVGAnimatedEnumeration: baseVal プロパティ
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
baseVal は SVGAnimatedEnumeration インターフェイスのプロパティで、 SVG の列挙型の初期値を表します。
値
整数で、列挙型の初期値になります。
例
この <clipPath> 要素のコードがあるとします。 clipPathUnits は SVGAnimatedEnumeration オブジェクトに関連付けられたものです。
html
<svg viewBox="0 0 100 100" width="200" height="200">
<clipPath id="clip1" clipPathUnits="userSpaceOnUse">
<circle cx="50" cy="50" r="35" />
</clipPath>
<!-- Some reference rect to materialized to clip path -->
<rect id="r1" x="0" y="0" width="45" height="45" />
</svg>
このコードでは要素を取得し、 SVGClipPathElement.clipPathUnits プロパティの baseVal をログ出力します。
js
const clipPathElt = document.getElementById("clip1");
console.log(clipPathElt.clipPathUnits.baseVal); // userSpaceOnUse に対応する 1 を出力
仕様書
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGAnimatedEnumeration__baseVal |
ブラウザーの互換性
Loading…