javascript - SVG の楕円要素に輪郭/境界線を追加するにはどうすればよいですか?

Question

私はSVGの初心者です。SVG コードの楕円要素にアウトライン/境界線を追加するためにどの属性を使用できるか疑問に思っていましたか? 実際、私は SVG と jQuery を使用してインタラクティブなグラフを作成しようとしているので、イベントが発生したときに特定の選択された楕円要素に特定の色 (濃い赤など) の実線のアウトラインを表示させる必要があります。これを行う方法を知りたいです。

ありがとう！

Answer 1

このようなことを意味しますか？

<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> 

楕円の端が紫色になっているところ。それとも、このように個別に行う必要がある楕円の周りの正方形のボックスを意味しますか?

<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>