Filter SVG

Filter SVG

Filter SVG digunakan untuk menambah efek khusus bagi grafik SVG.

Dukungan Browser Filter SVG

Angka di tabel menunjukkan versi pertama browser yang mendukung filter SVG.

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

Elemen Filter SVG

Dalam bab selanjutnya, kami akan menunjukkan beberapa efek filter yang mungkin - dan memperkenalkan apa yang dapat dilakukan SVG.

Elemen Filter Yang Tersedia di SVG:

  • <feBlend> - Filter Untuk Menggabungkan Gambar
  • <feColorMatrix> - Transformasi Warna Filter
  • <feComponentTransfer>
  • <feComposite>
  • <feConvolveMatrix>
  • <feDiffuseLighting>
  • <feDisplacementMap>
  • <feFlood>
  • <feGaussianBlur>
  • <feImage>
  • <feMerge>
  • <feMorphology>
  • <feOffset> - Pencarian Bayangan Filter
  • <feSpecularLighting>
  • <feTile>
  • <feTurbulence>
  • <feDistantLight> - Filter Pencahayaan
  • <fePointLight> - Filter Pencahayaan
  • <feSpotLight> - Filter Pencahayaan

Petunjuk: Anda dapat menggunakan beberapa filter di setiap elemen SVG!