order
Базовая поддержка Широко доступно
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и в разных версиях браузеров. Она поддерживается браузерами с января 2020 г..
Атрибут order указывает размер матрицы, используемой элементом <feConvolveMatrix>.
Этот атрибут можно использовать со следующими элементами SVG:
Пример
<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); большие значения могут привести к очень высокой нагрузке на ЦП и обычно не дают результатов, оправдывающих влияние на производительность.
Спецификации
Совместимость с браузерами
| Компьютеры | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 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