Comment ajouter un contour/une bordure à un élément ellipse en SVG?

Question

Je suis un débutant à SVG. Je me demandais quel attribut je pourrais utiliser pour ajouter un contour/bordure à un élément ellipse dans le code SVG? En fait, j'essaye de créer un graphique interactif en utilisant SVG et jQuery, donc j'ai besoin que certains éléments d'ellipse sélectionnés affichent un contour solide d'une couleur spécifique (comme le rouge foncé) quand un événement se produit. J'aimerais savoir comment cela peut être fait.

Merci!

Answer 1

Voulez-vous dire quelque chose comme ça?

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" 
    width="100%" height="100%"> 
    <ellipse cx="300" cy="80" rx="100" ry="50" 
    fill="yellow" stroke="purple" stroke-width="2"/> 
</svg> 

Où l'ellipse a un bord violet. Ou voulez-vous dire une boîte carrée autour de l'ellipse que vous auriez besoin de faire séparément comme ça?

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" 
    width="100%" height="100%"> 
    <ellipse cx="300" cy="80" rx="100" ry="50" fill="yellow"/> 
    <rect x="200" y="30" width="200" height="100" 
    fill="none" stroke="purple" stroke-width="2"/> 
</svg> 

Answer 2

En CSS, quelque chose comme:

path { 
    fill: none;; 
    stroke: #646464; 
    stroke-width:1px 
    stroke-dasharray: 2,2; 
    stroke-linejoin: round; 
}