НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
Графіка. Уроки W3Schools українською для початківців

En

SVG Фільтри


SVG Фільтри

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


Підтримка браузерами

Цифри в таблиці вказують на першу версію браузера, яка підтримує фільтри SVG.

 
SVG Фільтри 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> - фільтр для освітлення
  • <fePointLight> - фільтр для освітлення
  • <feSpotLight> - фільтр для освітлення

Порада: Ви можете використовувати кілька фільтрів для кожного елемента SVG!