Spec-Zone.ru › SVG

divisor

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

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

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

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

Если в качестве делителя используется сумма всех значений матрицы, это, как правило, выравнивает общую интенсивность цвета результата.

Этот атрибут можно использовать со следующими 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 2 0 0 0 0 0 0 -1" divisor="1" />
  </filter>
  <filter id="convolveMatrix2" x="0" y="0" width="100%" height="100%">
    <feConvolveMatrix kernelMatrix="1 2 0 0 0 0 0 0 -1" divisor="8" />
  </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>

Примечания по использованию

Значение <number>
Значение по умолчанию Сумма всех значений в kernelMatrix или 1, если сумма равна 0
Анимируемый Да
<number>

Это значение задаёт делитель. Если указанное значение делителя равно 0, вместо него используется значение по умолчанию.

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

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

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

Настольные компьютеры Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome для Android Firefox для Android Opera для Android Safari для iOS Samsung Internet WebView для Android WebView для iOS
divisor 6 79 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/divisor

Spec-Zone.ru

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