Comment puis-je afficher une image à l'intérieur de SVG cercle en html5?

Est-il un moyen d'afficher une image à l'intérieur de SVG Cercle ?

J'ai essayé d'ajouter l'image à l'intérieur d'un élément Svg, mais l'image ne s'affiche pas dans le cercle.

<svg width="100" height="100">
<circle cx="50" cy="50" r="40"stroke="green" stroke-width="4" fill="yellow" />
<img src="starkeen_ane.jpg"/>
 </svg>

Pouvez-vous m'aider?

À l'intérieur de svg vous devez utiliser <image> pas <img>.
stackoverflow.com/questions/6249664/...
Aussi, si vous vous attendez à ce que l'image à afficher en rond, comme le remplissage du cercle, alors vous devrez utiliser <clipPath>. Une recherche sur Google pour des exemples).

OriginalL'auteur starkeen | 2015-06-17

Leave a Reply

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *