31: Anda Dapat Menempatkan Gambar Raster di SVG - Trik CSS

Anonim

Mungkin tidak ada kasus penggunaan yang sangat besar untuk ini, selain yang sudah jelas: Anda memerlukan grafik raster di antara hal-hal lain dalam desain SVG yang lebih besar. Dengan cara itu ia bergerak dan berskala dengan elemen lainnya.

Sintaksnya adalah:

 

Anda mungkin tidak akan pernah menjatuhkan grafik raster dalam SVG dengan sendirinya karena tidak ada keuntungannya. Ya, Anda dapat menerapkan filter SVG ke gambar, tetapi Anda juga dapat menerapkan filter SVG ke gambar . Hal yang sama berlaku untuk jalur kliping dan topeng.

Filternya mungkin terlihat sedikit berbeda, jadi sebaiknya Anda perhatikan:

Lihat filter Pen SVG pada SVG atau IMG oleh Chris Coyier (@chriscoyier) di CodePen.