Filter SVG


Filter SVG

Filter SVG digunakan untuk menambahkan efek khusus ke grafik SVG.


Dukungan Peramban

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

 
SVG Filters 8.0 10.0 3.0 6.0 9.6

Elemen Filter SVG

Dalam bab selanjutnya, kami hanya akan mendemonstrasikan sentuhan efek filter yang mungkin - dan memberi Anda gambaran tentang apa yang dapat dilakukan dengan SVG.

Elemen filter yang tersedia di SVG adalah:

  • <feBlend> - filter untuk menggabungkan gambar
  • <feColorMatrix> - filter untuk transformasi warna
  • <feComponentTransfer>
  • <feKomposit>
  • <feConvolveMatrix>
  • <feDiffuseLighting>
  • <feDisplacementMap>
  • <feFlood>
  • <feGaussianBlur>
  • <feImage>
  • <feMerge>
  • <feMorfologi>
  • <feOffset> - filter untuk bayangan jatuh
  • <feSpecularLighting>
  • <feTile>
  • <feTurbulensi>
  • <feDistantLight> - filter untuk pencahayaan
  • <fePointLight> - filter untuk pencahayaan
  • <feSpotLight> - filter untuk pencahayaan

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