31: Você pode colocar imagens raster em SVG - CSS-Tricks

Anonim

Provavelmente não há um caso de uso tremendamente grande para isso, além do óbvio: você precisa de um gráfico raster, entre outras coisas, em um design SVG maior. Dessa forma, ele se move e se dimensiona com o resto dos elementos.

A sintaxe é:

 

Você provavelmente nunca colocaria um gráfico raster em um SVG sozinho, pois não há nenhuma vantagem nisso. Sim, você pode aplicar filtros SVG à imagem, mas também pode aplicar filtros SVG a uma . O mesmo vale para caminhos de recorte e máscaras.

Os filtros podem parecer um pouco diferentes, então é bom estar ciente de que:

Veja os filtros Pen SVG em SVG ou IMG de Chris Coyier (@chriscoyier) em CodePen.