k4
Базовая функциональность Широко доступно
Эта функция хорошо зарекомендовала себя и работает на множестве устройств и в разных версиях браузеров. Она доступна во всех браузерах с января 2020 года.
Атрибут k4 задаёт одно из значений, используемых в операции arithmetic примитива фильтра <feComposite>.
Композиция пикселей вычисляется по следующей формуле:
result = k1*i1*i2 + k2*i1 + k3*i2 + k4
Этот атрибут можно использовать со следующими SVG-элементами:
Пример
<svg viewBox="0 0 420 200" xmlns="http://www.w3.org/2000/svg">
<filter id="composite1" x="0" y="0" width="100%" height="100%">
<feComposite
in2="SourceGraphic"
operator="arithmetic"
k1="1"
k2="0"
k3="0"
k4="0" />
</filter>
<filter id="composite2" x="0" y="0" width="100%" height="100%">
<feComposite
in2="SourceGraphic"
operator="arithmetic"
k1="10"
k2="0"
k3="0"
k4="0.3" />
</filter>
<image
href="mdn.svg"
x="0"
y="0"
width="200"
height="200"
filter="url(#composite1)" />
<image
href="mdn.svg"
x="220"
y="0"
width="200"
height="200"
filter="url(#composite2)" />
</svg>
Примечания по использованию
| Значение | <number> |
|---|---|
| Значение по умолчанию | 0 |
| Анимируемое | Да |
Спецификации
Совместимость с браузерами
| Настольные компьютеры | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | WebView на iOS | |
k4 |
5 | 79 | 3 | 15 | 6 | 18 | 4 | 14 | 6 | 1.5 | 4.4 | 6 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/k4