31: Μπορείτε να βάλετε εικόνες Raster στο SVG - CSS-Κόλπα

Πιθανώς δεν υπάρχει μια εξαιρετικά τεράστια θήκη χρήσης για αυτό, εκτός από το προφανές: χρειάζεστε ένα raster γραφικό, μεταξύ άλλων, σε ένα μεγαλύτερο σχεδιασμό SVG. Με αυτόν τον τρόπο κινείται και κλιμακώνεται με τα υπόλοιπα στοιχεία.

Η σύνταξη είναι:

Πιθανότατα δεν θα ρίγατε ποτέ ένα raster γραφικό σε ένα SVG από μόνο του, καθώς δεν υπάρχουν πλεονεκτήματα σε αυτό. Ναι, τότε μπορείτε να εφαρμόσετε φίλτρα SVG στην εικόνα, αλλά μπορείτε να εφαρμόσετε και φίλτρα SVG σε μια εικόνα . Το ίδιο ισχύει και για διαδρομές αποκοπής και μάσκες.

Τα φίλτρα μπορεί να φαίνονται ελαφρώς διαφορετικά, είναι πολύ καλό να γνωρίζετε ότι:

Δείτε τα φίλτρα Pen SVG στο SVG ή IMG από τον Chris Coyier (@chriscoyier) στο CodePen.