Spec-Zone.ru › SVG

делитель

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

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

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

  • <feConvolveMatrix>

Пример

html
<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"
    style="filter:url(#convolveMatrix1);" />
  <image
    href="mdn_logo_only_color.png"
    width="200"
    height="200"
    style="filter:url(#convolveMatrix2); transform:translateX(220px);" />
</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
divisor 6 79 3 15 6 18 4 14 6 1.0 4.4

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/divisor

Spec-Zone.ru

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