SVG Filtreler

SVG Filtreler

SVG filtreleri, SVG grafiklerine özel etkiler eklemek için kullanılır.

SVG filtrelerinin tarayıcı desteği

Tablo'daki rakamlar, SVG filtrelerini destekleyen ilk tarayıcı sürümünü belirtir.

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

SVG filtre elementleri

Sonraki bölümlerde bazı olası filtre etkilerini göstereceğiz - ve SVG'nin ne yapabileceğini öğreneceksiniz.

SVG'de kullanılabilir filtre elementleri şunlardır:

  • <feBlend> - Görselleri birleştirmek için kullanılan filtre
  • <feColorMatrix> - Renk dönüşüm filtresi
  • <feComponentTransfer>
  • <feComposite>
  • <feConvolveMatrix>
  • <feDiffuseLighting>
  • <feDisplacementMap>
  • <feFlood>
  • <feGaussianBlur>
  • <feImage>
  • <feMerge>
  • <feMorphology>
  • <feOffset> - Geçirilen gölgeler
  • <feSpecularLighting>
  • <feTile>
  • <feTurbulence>
  • <feDistantLight> - Aydınlatma Filtreleri
  • <fePointLight> - Aydınlatma Filtreleri
  • <feSpotLight> - Aydınlatma Filtreleri

İpucu: Her SVG elemanında birden fazla filtre kullanabilirsiniz!