SVGFECompositeElement: свойство width
Базовая поддержка Широко поддерживается
Это функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.
Чтение-только свойство width интерфейса SVGFECompositeElement описывает горизонтальный размер примитива фильтра SVG как SVGAnimatedLength.
Оно отражает атрибут примитива фильтра <feComposite> элемента width. Примитив SVG фильтра <feComposite> комбинирует два входных изображения, используя операцию композиции Porter-Duff. Атрибут представляет собой <length> или <percentage> относительно ширины области фильтра. Значение по умолчанию 100%. Значение свойства — это длина в единицах системы координат пользователя.
Значение
Тип SVGAnimatedLength.
Пример
const feComposite = document.querySelector("feComposite");
const horizontalSize = feComposite.width;
console.log(horizontalSize.baseVal.value); // the `width` value
Спецификации
Совместимость с браузерами
| Рабочий стол | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для 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 |
См. также
SVGFECompositeElement.height- Тип данных 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/SVGFECompositeElement/width