31: Du kan placere rasterbilleder i SVG - CSS-tricks

Anonim

Der er sandsynligvis ikke et enormt stort brugssag til dette, bortset fra det åbenlyse: du har brug for en rastergrafik blandt andet i et større SVG-design. På den måde bevæger den sig og skaleres med resten af ​​elementerne.

Syntaksen er:

 

Du vil sandsynligvis aldrig slippe en rastergrafik i en SVG i sig selv, da der ikke er nogen fordele ved den. Ja, du kan anvende SVG-filtre på billedet derefter, men du kan også anvende SVG-filtre på et . Det samme gælder klipstier og masker.

Filtrene kan dog se lidt anderledes ud, så godt at være opmærksom på det:

Se Pen SVG-filtre på SVG eller IMG af Chris Coyier (@chriscoyier) på CodePen.