SVGFEColorMatrixElement: свойство x
Базовая версия Широко доступно
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.
Чтение только свойство x интерфейса SVGFEColorMatrixElement описывает горизонтальную координату положения примитива SVG-фильтра как SVGAnimatedLength.
Это отражает значение атрибута примитива фильтра <feColorMatrix> элемента x. Фильтр <feColorMatrix> применяет преобразование матрицы к значениям цвета RGB и альфа. Атрибут является <length> или <percentage>. <coordinate> представляет собой длину в системе координат пользователя, задающую расстояние от начала системы координат пользователя вдоль оси X. Если атрибут x имеет значение в процентах, значение свойства относительно ширины области фильтра в единицах системы координат пользователя. Значение по умолчанию — 0.
Значение
Значение типа SVGAnimatedLength.
Пример
const feColorMatrix = document.querySelector("feColorMatrix");
const leftPosition = feColorMatrix.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 |
См. также
SVGFEColorMatrixElement.y- Тип данных CSS
<blend-mode> - Свойство CSS
mix-blend-mode - Эффекты фильтров CSS
- Элемент SVG
<filter>, атрибут SVGfilterв SVG - Применение эффектов SVG к содержимому HTML
© 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/SVGFEColorMatrixElement/x