En son web geliştirme öğreticiler
 

SVG Filtreler


SVG Filtreleri

SVG Filtreleri SVG grafikleri özel efektler eklemek için kullanılır.


Tarayıcı Desteği

Tablodaki rakamlar SVG filtreleri destekler ilk tarayıcı sürümü belirtin.

SVG Filters 8 10.0 3.0 6 9.6

SVG filtre Elemanları

Bir sonraki bölümlerde, sadece mümkündür filtre efektleri bir dokunuş gösterecektir - ve size SVG ile neler yapılabileceğini hakkında bir fikir vermek.

SVG'ye uygun filtre elemanları şunlardır:

  • <FeBlend> - resimleri birleştirerek için filtre
  • <FeColorMatrix> - renk dönüştürmeleri için filtre
  • <FeComponentTransfer>
  • <FeComposite>
  • <FeConvolveMatrix>
  • <FeDiffuseLighting>
  • <FeDisplacementMap>
  • <FeFlood>
  • <FeGaussianBlur>
  • <FeImage>
  • <FeMerge>
  • <FeMorphology>
  • <FeOffset> - gölgeler için filtre
  • <FeSpecularLighting>
  • <FeTile>
  • <FeTurbulence>
  • <FeDistantLight> - aydınlatma için filtre
  • <FePointLight> - aydınlatma için filtre
  • <FeSpotLight> - aydınlatma için filtre

İpucu: Her SVG elemanı üzerinde birden çok filtre kullanabilirsiniz!