kernelMatrix
Базовая поддержка Широко доступно
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и во многих версиях браузеров. Она доступна в браузерах с июля 2015 года.
Атрибут kernelMatrix задаёт список чисел, составляющих матрицу ядра для элемента <feConvolveMatrix>.
Значения разделяются пробелами и/или запятыми. Количество элементов в списке должно равняться произведению <orderX> на <orderY>, как указано в атрибуте order.
Этот атрибут можно использовать со следующими SVG-элементами:
Пример
<svg viewBox="0 0 420 200" xmlns="http://www.w3.org/2000/svg">
<filter id="convolveMatrix1" x="0" y="0" width="100%" height="100%">
<feConvolveMatrix kernelMatrix="1 1 0 0 0 0 0 0 -1" />
</filter>
<filter id="convolveMatrix2" x="0" y="0" width="100%" height="100%">
<feConvolveMatrix kernelMatrix="-1 0 0 0 0 0 0 0 1" />
</filter>
<image
href="mdn_logo_only_color.png"
width="200"
height="200"
filter="url(#convolveMatrix1)" />
<image
x="220"
href="mdn_logo_only_color.png"
width="200"
height="200"
filter="url(#convolveMatrix2)" />
</svg>
Примечания по использованию
| Значение | <list of numbers> |
|---|---|
| Значение по умолчанию | Нет |
| Анимируемый | Да |
<list of numbers>-
Список
<number>, составляющих матрицу ядра свёртки. Значения разделяются пробелами и/или запятыми. Количество элементов в списке должно равняться произведению<orderX>на<orderY>.Если результат умножения
orderX*orderYне равен количеству элементов в списке значений, примитив фильтра действует как сквозной фильтр.
Спецификации
Совместимость с браузерами
| Настольные | Мобильные | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | WebView на iOS | |
kernelMatrix |
6 | 12 | 3 | 15 | 6 | 18 | 4 | 14 | 6 | 1.0 | 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/kernelMatrix