Penyaringan SVG

Penyaringan SVG

Penapisan SVG digunakan untuk menambah efek khusus bagi grafik SVG.

Dukungan Browser Penapisan SVG

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

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

Elemen Penapisan SVG

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

Elemen penapisan yang tersedia di SVG adalah:

  • <feBlend> - Untuk Mencampur Citra
  • <feColorMatrix> - Penyenaraian Warna
  • <feComponentTransfer>
  • <feComposite>
  • <feConvolveMatrix>
  • <feDiffuseLighting>
  • <feDisplacementMap>
  • <feFlood>
  • <feGaussianBlur>
  • <feImage>
  • <feMerge>
  • <feMorphology>
  • <feOffset> - Pemantauan Bayangan
  • <feSpecularLighting>
  • <feTile>
  • <feTurbulence>
  • <feDistantLight> Penyaringan Pencahayaan
  • <fePointLight> Penyaringan Pencahayaan
  • <feSpotLight> Penyaringan Pencahayaan

Pemberitahuan: Anda boleh menggunakan beberapa penyaringan di setiap elemen SVG!