31: Puede poner imágenes ráster en SVG - Trucos CSS

Probablemente no haya un caso de uso tremendamente grande para esto, aparte del obvio: necesita un gráfico de trama, entre otras cosas, en un diseño SVG más grande. De esa forma se mueve y escala con el resto de elementos.

La sintaxis es:

Probablemente nunca dejaría caer un gráfico de trama en un SVG por sí solo, ya que no tiene ninguna ventaja. Sí, puede aplicar filtros SVG a la imagen en ese momento, pero también puede aplicar filtros SVG a un archivo. Lo mismo ocurre con los trazados de recorte y las máscaras.

Sin embargo, los filtros pueden parecer ligeramente diferentes, por lo que es bueno saberlo:

Vea los filtros Pen SVG en SVG o IMG de Chris Coyier (@chriscoyier) en CodePen.