31: Sie können Rasterbilder in SVG - einfügen CSS-Tricks

Anonim

Es gibt wahrscheinlich keinen enorm großen Anwendungsfall dafür, außer dem offensichtlichen: Sie benötigen unter anderem eine Rastergrafik in einem größeren SVG-Design. Auf diese Weise bewegt und skaliert es mit den übrigen Elementen.

Die Syntax lautet:

 

Sie würden wahrscheinlich nie eine Rastergrafik in einem SVG alleine ablegen, da dies keine Vorteile hat. Ja, Sie können dann SVG-Filter auf das Bild anwenden, aber Sie können auch SVG-Filter auf ein Bild anwenden . Gleiches gilt für Beschneidungspfade und Masken.

Die Filter können jedoch leicht unterschiedlich aussehen, daher ist es gut, sich dessen bewusst zu sein:

Siehe die Stift-SVG-Filter in SVG oder IMG von Chris Coyier (@chriscoyier) in CodePen.