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