son possible insérer un lien d'image en position svg?

Question

Im essayant d'insérer un lien d'image en position svg avec le texte

ceci est mon code

<svg width="100" height="100"> 
<circle cx="20" cy="20" r="20" fill="green" /> 
     <circle cx="70" cy="70" r="20" fill="purple" /> 
    <text x="20" y="20" font-family="sans-serif" font-size="20px"  
    fill="red">Hello!</text> 
<image  xlink:href="https://s-media-cache-ak0.pinimg.com/736x/76/47/9d/76479dd91dc55c2768ddccfc30a4fbf5--pikachu-halloween-costume-diy-halloween-costumes.jpg"  /> 
    </svg> 

Comment je pouvais faire

S'il vous plaît aidez-moi

Answer 1

Images (<image>) en SVG doit avoir un width et height spécifié. Si vous n'indiquez pas une largeur et une hauteur, elles sont définies par défaut sur 0, ce qui signifie que l'image ne sera pas visible.

<svg width="100" height="100"> 
 
<circle cx="20" cy="20" r="20" fill="green" /> 
 
     <circle cx="70" cy="70" r="20" fill="purple" /> 
 
    <text x="20" y="20" font-family="sans-serif" font-size="20px"  
 
    fill="red">Hello!</text> 
 
    <image xlink:href="https://s-media-cache-ak0.pinimg.com/736x/76/47/9d/76479dd91dc55c2768ddccfc30a4fbf5--pikachu-halloween-costume-diy-halloween-costumes.jpg" 
 
     x="10" y="50" width="37" height="37"/> 
 
</svg>