Элемент SVGFEDisplacementMap: свойство x
Базовая версия Широко доступна
Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.
Чтение-только свойство 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); // the `x` value
Спецификации
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
x |
5 | 12 | 3 | ≤12.1 | 6 | 18 | 4 | ≤12.1 | 6 | 1.0 | 4.4 |
См. также
SVGFEDisplacementMapElement.y-
API
SVGFEImageElementи элемент<feImage> -
API
SVGFETurbulenceElementи элемент<feTurbulence> - Тип данных CSS
<blend-mode> - Свойство CSS
mix-blend-mode
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGFEDisplacementMapElement/x