31: U kunt rasterafbeeldingen in SVG - CSS-trucs

Anonim

Er is waarschijnlijk geen enorm grote use-case voor, behalve het voor de hand liggende: je hebt onder andere een rasterafbeelding nodig in een groter SVG-ontwerp. Op die manier beweegt en schaalt het met de rest van de elementen.

De syntaxis is:

 

U zou waarschijnlijk nooit een rasterafbeelding in een SVG helemaal alleen laten vallen, omdat er geen voordelen aan verbonden zijn. Ja, u kunt dan SVG-filters toepassen op de afbeelding, maar u kunt ook SVG-filters toepassen op een . Hetzelfde geldt voor uitknippaden en maskers.

De filters kunnen er echter iets anders uitzien, dus goed om daar rekening mee te houden:

Zie de Pen SVG-filters op SVG of IMG door Chris Coyier (@chriscoyier) op CodePen.