tutorial pengembangan web terbaru
 

SVG filter


Filter SVG

Filter SVG yang digunakan untuk menambahkan efek khusus grafis SVG.


Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang mendukung filter SVG.

SVG Filters 8,0 10,0 3.0 6.0 9.6

SVG Filter Elemen

Dalam bab-bab selanjutnya, kita hanya akan menunjukkan sentuhan efek filter yang mungkin - dan memberikan Anda gambaran tentang apa yang dapat dilakukan dengan SVG.

Elemen filter yang tersedia di SVG adalah:

  • <FeBlend> - menyaring untuk menggabungkan gambar
  • <FeColorMatrix> - filter untuk transformasi warna
  • <FeComponentTransfer>
  • <FeComposite>
  • <FeConvolveMatrix>
  • <FeDiffuseLighting>
  • <FeDisplacementMap>
  • <FeFlood>
  • <FeGaussianBlur>
  • <FeImage>
  • <FeMerge>
  • <FeMorphology>
  • <FeOffset> - filter untuk drop bayangan
  • <FeSpecularLighting>
  • <FeTile>
  • <FeTurbulence>
  • <FeDistantLight> - filter untuk penerangan
  • <FePointLight> - filter untuk penerangan
  • <FeSpotLight> - filter untuk penerangan

Tip: Anda dapat menggunakan beberapa filter pada setiap elemen SVG!