<feTurbulence>

Примитив фильтра <feTurbulence> SVG создаёт изображение, используя функцию турбулентности Перлина. Он позволяет синтезировать искусственные текстуры, такие как облака или мрамор. Полученное изображение заполнит всю подобласть примитива фильтра.

Контекст использования

Категории	Элемент примитива фильтра
Разрешённое содержимое	Любое количество следующих элементов в любом порядке: `<animate>`, `<set>`

Атрибуты

Интерфейс DOM

Этот элемент реализует интерфейс SVGFETurbulenceElement.

Пример

html

<svg
  width="200"
  height="200"
  viewBox="0 0 220 220"
  xmlns="http://www.w3.org/2000/svg">
  <filter id="displacementFilter">
    <feTurbulence
      type="turbulence"
      baseFrequency="0.05"
      numOctaves="2"
      result="turbulence" />
    <feDisplacementMap
      in2="turbulence"
      in="SourceGraphic"
      scale="50"
      xChannelSelector="R"
      yChannelSelector="G" />
  </filter>

  <circle cx="100" cy="100" r="100" style="filter: url(#displacementFilter)" />
</svg>

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

Спецификация
Модуль уровней 1 эффектов фильтра # feTurbulenceElement

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

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`feTurbulence`	5	12 Частично поддерживается, см. ошибку 12382004.	3	9	6	18	4	14	6	1.0	4.4
`baseFrequency`	5	12 Частично поддерживается, см. ошибку 12382004.	3	9	6	18	4	14	6	1.0	4.4
`numOctaves`	5	79	3	15	6	18	4	14	6	1.0	4.4
`seed`	5	12 Частично поддерживается, см. ошибку 12382004.	3	9	6	18	4	14	6	1.0	4.4
`stitchTiles`	5	79	3	15	6	18	4	14	6	1.0	4.4
`type`	5	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/Element/feTurbulence