31: Możesz umieścić obrazy rastrowe w formacie SVG - CSS-Tricks

Anonim

Prawdopodobnie nie ma dla tego ogromnego przypadku użycia, poza oczywistym: potrzebujesz między innymi grafiki rastrowej w większym projekcie SVG. W ten sposób porusza się i skaluje z pozostałymi elementami.

Składnia jest następująca:

 

Prawdopodobnie nigdy nie upuściłbyś grafiki rastrowej w SVG sama, ponieważ nie ma to żadnych zalet. Tak, możesz wtedy zastosować filtry SVG do obrazu, ale możesz również zastosować filtry SVG do obrazu . To samo dotyczy wycinania ścieżek i masek.

Filtry mogą się jednak nieco różnić, więc warto mieć tego świadomość:

Zobacz filtry SVG pióra w SVG lub IMG autorstwa Chrisa Coyiera (@chriscoyier) w CodePen.