31: Du kan sette rasterbilder i SVG - CSS-triks

Innholdsfortegnelse

Det er sannsynligvis ikke et enormt stort brukstilfelle for dette, annet enn det åpenbare: du trenger en rastergrafikk blant annet i et større SVG-design. På den måten beveger den seg og skaleres med resten av elementene.

Syntaksen er:

 

Du vil sannsynligvis aldri slippe en rastergrafikk i en SVG av seg selv, da det ikke er noen fordeler med det. Ja, du kan bruke SVG-filtre på bildet da, men du kan også bruke SVG-filtre på et . Det samme gjelder klippestier og masker.

Filtrene kan imidlertid se litt annerledes ut, så godt å være klar over det:

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

Interessante artikler...