stdDeviation

Атрибут stdDeviation определяет стандартное отклонение для операции размытия.

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

<feGaussianBlur>

Пример

html

<svg viewBox="0 0 480 200" xmlns="http://www.w3.org/2000/svg">
  <filter id="gaussianBlur1">
    <feGaussianBlur stdDeviation="1" />
  </filter>
  <filter id="gaussianBlur2">
    <feGaussianBlur stdDeviation="5" />
  </filter>
  <filter id="gaussianBlur3" x="-30%" y="-30%" width="160%" height="160%">
    <feGaussianBlur stdDeviation="10" />
  </filter>

  <circle cx="100" cy="100" r="50" style="filter: url(#gaussianBlur1);" />
  <circle
    cx="100"
    cy="100"
    r="50"
    style="filter: url(#gaussianBlur2); transform: translateX(140px);" />
  <circle
    cx="100"
    cy="100"
    r="50"
    style="filter: url(#gaussianBlur3); transform: translateX(280px);" />
</svg>

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

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

<number-optional-number>

Если указаны два числа, первое число представляет значение стандартного отклонения по оси X. Второе значение представляет стандартное отклонение по оси Y. Если указано одно число, это значение используется для обеих осей X и Y.

Отрицательное значение запрещено. Значение ноль отключает эффект данного примитива фильтра (т.е., результатом является изображение-вход фильтра). Если stdDeviation равно 0 только для одной из осей X или Y, то эффект заключается в том, что размытие применяется только в направлении, имеющем ненулевое значение.

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

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

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

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`stdDeviation`	5	≤18	3	9	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/stdDeviation