score:0

I'm not JS savvy, but in HTML, you can put the image that comes as a squared image within the svg circle using the following code:

<svg width="100" height="100">
  <defs>
     <pattern id="image" patternUnits="userSpaceOnUse" height="100" width="100">
       <image x="0" y="0" height="100" width="100" xlink:href="http://i.imgur.com/7Nlcay7.jpg"></image>
    </pattern>
 </defs>
<circle id='top' cx="50" cy="50" r="50" fill="url(#image)"/>
</svg>

Hope this helps.

All credits go to Teo Inke


Related Query

More Query from same tag