SVG- фильтры


SVG-фильтры

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


Поддержка браузера

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

 
SVG Filters 8.0 10.0 3.0 6.0 9.6

Фильтрующие элементы SVG

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

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

  • <feBlend> - фильтр для объединения изображений
  • <feColorMatrix> - фильтр для преобразования цвета
  • <feComponentTransfer>
  • <feComposite>
  • <feConvolveMatrix>
  • <feDiffuseLighting>
  • <feDisplacementMap>
  • <feFlood>
  • <feGaussianBlur>
  • <feImage>
  • <слияние>
  • <феМорфология>
  • <feOffset> - фильтр теней
  • <feSpecularLighting>
  • <feTile>
  • <feTurbulence>
  • <feDistantLight> - фильтр для освещения
  • <fePointLight> - фильтр для освещения
  • <feSpotLight> - фильтр для освещения

Совет: вы можете использовать несколько фильтров для каждого элемента SVG!