SVGLength: unitType プロパティ
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
unitType は SVGLength インターフェイスのプロパティで、このインターフェイスで定義されている SVG_LENGTHTYPE_* 定数のいずれかを指定することで値の型を表します。
値
以下のいずれかです。
SVGLength.SVG_LENGTHTYPE_UNKNOWN(0)SVGLength.SVG_LENGTHTYPE_NUMBER(1)SVGLength.SVG_LENGTHTYPE_PERCENTAGE(2)SVGLength.SVG_LENGTHTYPE_EMS(3)SVGLength.SVG_LENGTHTYPE_EXS(4)SVGLength.SVG_LENGTHTYPE_PX(5)SVGLength.SVG_LENGTHTYPE_CM(6)SVGLength.SVG_LENGTHTYPE_MM(7)SVGLength.SVG_LENGTHTYPE_IN(8)SVGLength.SVG_LENGTHTYPE_PT(9)SVGLength.SVG_LENGTHTYPE_PC(10)
例
unitType プロパティにアクセスする方法の例を以下に示します。
js
// SVGLength オブジェクトを取得
const svg = document.querySelector("svg");
// `length` が SVGLength であるとする
const length = svg.createSVGLength();
// length に値を設定
length.newValueSpecifiedUnits(SVGLength.SVG_LENGTHTYPE_PERCENTAGE, 20);
// 単位型をチェック
console.log(length.unitType); // 出力: 2 (SVG_LENGTHTYPE_PERCENTAGE)
仕様書
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGLength__unitType |