31: Raster Görüntüleri SVG'ye Koyabilirsiniz - CSS Hileleri

Anonim

Muhtemelen bunun bariz olan dışında çok büyük bir kullanım durumu yoktur: daha büyük bir SVG tasarımında diğer şeylerin yanı sıra bir raster grafiğe ihtiyacınız vardır. Bu şekilde, diğer öğelerle birlikte hareket eder ve ölçeklenir.

Sözdizimi şöyledir:

 

Muhtemelen hiçbir avantajı olmadığı için bir SVG'ye tek başına bir tarama grafiği bırakmazsınız. Evet, o zaman resme SVG filtreleri uygulayabilirsiniz, ancak SVG filtrelerini de bir resme uygulayabilirsiniz . Aynı şey kırpma yolları ve maskeler için de geçerli.

Filtreler biraz farklı görünebilir, bunun farkında olmak çok güzel:

CodePen'de Chris Coyier (@chriscoyier) tarafından SVG veya IMG'de Pen SVG filtrelerine bakın.