SVGFEDropShadowElement: свойство x
Базовая линия Широко поддерживается
Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с июля 2015 года.
Только для чтения свойство x интерфейса SVGFEDropShadowElement описывает горизонтальную координату положения примитива SVG-фильтра как SVGAnimatedLength.
Оно отражает атрибут x элемента <feDropShadow>, который создаёт тень от ввода изображения. Атрибут является <length> или <percentage>. <coordinate> — это длина в системе пользовательских координат, представляющая собой заданное расстояние от начала системы пользовательских координат вдоль оси x. Если атрибут x является процентным значением, значение свойства относится к ширине области фильтра в единицах системы пользовательских координат.
Значение
Значение SVGAnimatedLength.
Пример
const feDropShadow = document.querySelector("feDropShadow");
const leftPosition = feDropShadow.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 |
13 | 79 | 30 | 15 | 6 | 18 | 30 | 14 | 6 | 1.0 | 4.4 |
См. также
SVGFEDropShadowElement.y- Функция CSS
drop-shadow() - Свойство CSS
box-shadow - Свойство CSS
text-shadow - Тип данных 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/SVGFEDropShadowElement/x
