SVGFEDisplacementMapElement: x プロパティ

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月.

x は SVGFEDisplacementMapElement インターフェイスの読み取り専用プロパティで、SVG フィルタープリミティブの位置の水平座標を SVGAnimatedLength で記述します。

これは <feDisplacementMap> 要素の x フィルタープリミティブ属性の値を反映します。この属性は <length> または <percentage> です。<coordinate> は、ユーザー座標系における長さであり、ユーザー座標系の原点から x 軸に沿って指定された距離を表します。x 属性がパーセント値の場合、プロパティの値は、ユーザー座標系単位でのフィルター領域の幅に対する相対値となります。デフォルト値は 0 です。

値

SVGAnimatedLength です。

例

const feDisplacementMap = document.querySelector("feDisplacementMap");
const leftPosition = feDisplacementMap.x;
console.log(leftPosition.baseVal.value); // `x` の値