SVGFEColorMatrixElement: свойство width

Базовая Широко поддерживается

Эта функция хорошо поддерживается и работает во многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

Свойство width только для чтения интерфейса SVGFEColorMatrixElement описывает горизонтальный размер примитива фильтра SVG как SVGAnimatedLength.

Оно отражает атрибут примитива фильтра <feColorMatrix> элемента width. Фильтр <feColorMatrix> применяет матричное преобразование к значениям цвета RGB и альфа.

Атрибут является <length> или <percentage> относительно ширины области фильтра. Значение по умолчанию — 100%. Значение свойства — длина в единицах системы координат пользователя.

Значение

Тип SVGAnimatedLength.

Пример

const feColorMatrix = document.querySelector("feColorMatrix");
const horizontalSize = feColorMatrix.width;
console.log(horizontalSize.baseVal.value); // the `width` value

Спецификации

Спецификация
Модуль фильтров уровня 1 # dom-svgfilterprimitivestandardattributes-width

Совместимость с браузерами

	Рабочие столы					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`width`	5	12	3	≤12.1	6	18	4	≤12.1	6	1.0	4.4

См. также

SVGFEColorMatrixElement.height
Тип данных CSS <blend-mode>
Свойство CSS mix-blend-mode
CSS эффекты фильтрации
Элемент SVG <filter>, атрибут SVG filter в 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/width