Tengo un SVG de ruta de curva con texto a su alrededor, el uso de fill ayuda a agregar un color sólido, pero me preguntaba cómo agregar una imagen en lugar de un color sólido
path {
fill: red;
}
Aquí está el fragmento SVG de la curva
<div class="welcome">
<svg viewBox="0 30 800 300">
<path id="curve" d="M 200 300 A 50 50 0 1 1 600 300 L 600 550 L 200 550 L 200 300 " />
<text class="home-text">
<textPath xlink:href="#curve">
Dummy Text Dummy Text Dummy Text Dummy Text
</textPath>
</text>
</svg>
</div>