Spec-Zone.ru › SVG

order

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

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

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

Атрибут order указывает размер матрицы, используемой элементом <feConvolveMatrix>.

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

  • <feConvolveMatrix>

Пример

<svg viewBox="0 0 420 200" xmlns="http://www.w3.org/2000/svg">
  <filter id="emboss1" x="0" y="0" width="100%" height="100%">
    <feTurbulence baseFrequency="0.025" seed="0" />
    <feConvolveMatrix kernelMatrix="3 0 0 -4" order="2" />
  </filter>
  <filter id="emboss2" x="0" y="0" width="100%" height="100%">
    <feTurbulence baseFrequency="0.025" seed="0" />
    <feConvolveMatrix kernelMatrix="3 0 0 0 0 0 0 0 -4" order="3" />
  </filter>

  <rect x="0" y="0" width="200" height="200" filter="url(#emboss1)" />
  <rect x="220" y="0" width="200" height="200" filter="url(#emboss2)" />
</svg>

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

Значение <number-optional-number>
Значение по умолчанию 3
Анимируемый Да
<number-optional-number>

Это значение задаёт количество ячеек в каждом измерении матрицы ядра. Указанные значения должны быть <integer>ами больше нуля. Значения, не являющиеся целыми числами, будут усечены, то есть округлены до ближайшего целого числа в сторону нуля. Первое число задаёт количество столбцов матрицы. Второе число задаёт количество строк матрицы. Если второе число не указано, оно принимает значение первого числа.

Рекомендуется использовать только небольшие значения (например, 3); большие значения могут привести к очень высокой нагрузке на ЦП и обычно не дают результатов, оправдывающих влияние на производительность.

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

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

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

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

Spec-Zone.ru

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