Spec-Zone.ru › SVG

kernelMatrix

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

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

  • Подробнее
  • Полная информация о совместимости
  • Оставить отзыв

Атрибут kernelMatrix задаёт список чисел, составляющих матрицу ядра для элемента <feConvolveMatrix>.

Значения разделяются пробелами и/или запятыми. Количество элементов в списке должно равняться произведению <orderX> на <orderY>, как указано в атрибуте order.

Этот атрибут можно использовать со следующими SVG-элементами:

  • <feConvolveMatrix>

Пример

<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 не равен количеству элементов в списке значений, примитив фильтра действует как сквозной фильтр.

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

Спецификация
Модуль эффектов фильтров, уровень 1>
# element-attrdef-feconvolvematrix-kernelmatrix>

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

Настольные Мобильные
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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API