quiero que una imagen tenga la forma de un svg que hice pero usar el atributo background-image no funciona, en otros foros decían que usara lo siguiente:
<defs>
<pattern id="img1" patternUnits="userSpaceOnUse" width="100" height="100">
<image xlink:href="wall.jpg" x="0" y="0" width="100" height="100" />
</pattern></defs>
Pero no me funciono: este es el codigo de mi svg completo aplicando la solución que no funciono
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve">
<style type="text/css">
.st9465
{
fill: transparent;
border: 1px solid black;
}
</style>
<defs>
<pattern id="massImage" patternUnits="userSpaceOnUse" width="500" height="500">
<image xlink:href="../../../../assets/images/misa.jpg" x="0" y="0" width="500" height="500" />
</pattern>
</defs>
<path fill="url(#massImage)" class="st9465" d="M0.6,270.1C0.6,120,165.2-27.4,309.5,4.4c200.1,44.1,228.1,302.5,150.6,406.5C351.4,556.8,0.6,445.4,0.6,270.1z"/>
</svg>
"Scalable Vectorial Graphics"
, poder poner una imagen de fondo a un SVG contradeciría a su propia naturaleza, ya que las imagenes normales no son escalables (hablo de escalables sin que pierdan calidad), un SVG no pierde calidad al escalarse, por lo tanto, lo que pides aunque fuera posible no seria recomendable pues el poner una imagen dentro de un SVG no la vuelve escalable sin perdida de calidad.background-image
y no el SVG en si.beginPath();
closePath();
yclip();
, de canvas para poder obtener lo que deseas.