31: Možete staviti rasterske slike u SVG - CSS-trikovi

Anonim

Za to vjerojatno ne postoji strahovito velik slučaj korištenja, osim očitog: trebate i rastersku grafiku, između ostalog u većem SVG dizajnu. Na taj se način kreće i skalira s ostalim elementima.

Sintaksa je:

 

Vjerojatno nikada ne biste spustili rastersku grafiku u SVG sam po sebi, jer nema nikakve prednosti. Da, tada na sliku možete primijeniti SVG filtre, ali SVG filtre možete primijeniti i na sliku . Isto vrijedi i za izrezivanje staza i maski.

Filteri se ipak mogu malo razlikovati, tako da je dobro biti svjestan toga:

Pogledajte filtre SVG olovke na SVG-u ili IMG-u Chrisa Coyiera (@chriscoyier) na CodePenu.