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">
     <pattern id="image" patternUnits="userSpaceOnUse" height="100" width="100">
       <image x="0" y="0" height="100" width="100" xlink:href=""></image>
<circle id='top' cx="50" cy="50" r="50" fill="url(#image)"/>

Hope this helps.

All credits go to Teo Inke

Related Query

More Query from same tag