31: Du kan placera rasterbilder i SVG - CSS-tricks

Anonim

Det finns förmodligen inte ett oerhört stort användningsfall för detta, förutom det uppenbara: du behöver en rastergrafik bland annat i en större SVG-design. På så sätt rör sig den och skalas med resten av elementen.

Syntaksen är:

 

Du skulle antagligen aldrig släppa en rastergrafik i en SVG av sig själv eftersom det inte finns några fördelar med det. Ja, du kan tillämpa SVG-filter på bilden då, men du kan också använda SVG-filter på en . Samma sak gäller klippvägar och masker.

Filtren kan dock se lite annorlunda ut, så bra att vara medveten om det:

Se SVG-filtarna för pennor på SVG eller IMG av Chris Coyier (@chriscoyier) på CodePen.