31: Vous pouvez mettre des images raster en SVG - Astuces CSS

Anonim

Il n'y a probablement pas un cas d'utilisation extrêmement énorme pour cela, mis à part l'évidence: vous avez besoin d'un graphique raster entre autres dans une conception SVG plus grande. De cette façon, il se déplace et évolue avec le reste des éléments.

La syntaxe est:

 

Vous ne déposeriez probablement jamais un graphique raster dans un SVG tout seul car il n'y a aucun avantage. Oui, vous pouvez alors appliquer des filtres SVG à l'image, mais vous pouvez également appliquer des filtres SVG à un . Il en va de même pour les chemins de détourage et les masques.

Les filtres peuvent cependant sembler légèrement différents, donc bon d'en être conscient:

Voir les filtres SVG Pen sur SVG ou IMG par Chris Coyier (@chriscoyier) sur CodePen.