Фильтры SVG

Фильтры SVG

Фильтры SVG используются для добавления специальных эффектов к графикам SVG.

Поддержка браузерами фильтров SVG

Числа в таблице указывают на первую версию браузера, поддерживающую фильтры SVG.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 10.0 3.0 6.0 9.6

Элементы фильтров SVG

В следующих разделах мы продемонстрируем некоторые возможные эффекты фильтров - и покажем, что может сделать SVG.

Доступные в SVG фильтровые элементы:

  • <feBlend> - Фильтр для комбинирования изображений
  • <feColorMatrix> - Фильтр цветовых преобразований
  • <feComponentTransfer>
  • <feComposite>
  • <feConvolveMatrix>
  • <feDiffuseLighting>
  • <feDisplacementMap>
  • <feFlood>
  • <feGaussianBlur>
  • <feImage>
  • <feMerge>
  • <feMorphology>
  • <feOffset> - Пропуск тени
  • <feSpecularLighting>
  • <feTile>
  • <feTurbulence>
  • <feDistantLight> <feSpotLight>
  • <feSpotLight>
  • <fePointLight> <feSpotLight>

- Фильтр освещения