31: Вы можете помещать растровые изображения в SVG - CSS-хитрости

Вероятно, для этого не существует чрезвычайно большого варианта использования, кроме очевидного: вам нужна растровая графика среди прочего в более крупном дизайне SVG. Таким образом он перемещается и масштабируется вместе с остальными элементами.

Синтаксис:

Вы, вероятно, никогда не поместите растровую графику в SVG отдельно, поскольку в этом нет никаких преимуществ. Да, вы можете применить фильтры SVG к изображению, но вы также можете применить фильтры SVG к . То же самое касается обтравочных контуров и масок.

Однако фильтры могут немного отличаться, поэтому хорошо об этом знать:

См. Фильтры Pen SVG в SVG или IMG Криса Койера (@chriscoyier) на CodePen.