SVGFEGaussianBlurElement: свойство y
Базовая поддержка Широко распространена
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.
Свойство y только для чтения интерфейса SVGFEGaussianBlurElement описывает вертикальную координату позиции примитива SVG-фильтра как SVGAnimatedLength.
Оно отражает атрибут y элемента <feGaussianBlur>, который размывает входное изображение. Атрибут является <length> или <percentage>. Значение <coordinate> представляет собой длину в системе координат пользователя, являющуюся заданным расстоянием от начала фильтра по оси y. Если значение атрибута y задано в процентах, значение свойства относительно высоты области фильтра в единицах координат пользователя. Значение по умолчанию — 0.
Значение
Тип SVGAnimatedLength.
Пример
const feGaussianBlur = document.querySelector("feGaussianBlur");
const topPosition = feGaussianBlur.y;
console.log(topPosition.baseVal.value); // the `y` value
Спецификации
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
y |
5 | 12 | 293–22 | ≤12.1 | 6 | 18 | 294–22 | ≤12.1 | 6 | 1.0 | 4.4 |
См. также
SVGFEGaussianBlurElement.x- Учебник по фильтрам SVG
- Тип данных CSS
<blend-mode> - Функция CSS
blur() -
Модуль CSS-эффектов фильтров - свойство 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/SVGFEGaussianBlurElement/y
