its possible insert a image link in svg position?

Question

Im trying to insert a image link in svg position with text

this is my 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>

How I could do this

Please help me

You want to make the image into a link, or both the mage and the text into a link? It's really not clear what you're trying to accomplish here. — Robert Longson, Jun 24 '17 at 07:22

score 0 · Accepted Answer · answered Jun 26 '17 at 09:13

Images (<image>) in SVG need to have a width and height specified. If you don't give a width and height, they default to 0, meaning the image won't be 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>

its possible insert a image link in svg position?

1 Answers1