javascript - JS を使用して SVG 要素を既存の SVG 要素に追加する

Question

SVG 要素の円を既存の SVG 要素に追加しようとしています。マップの上に円を描きたいと思っています。 .

MYコードはこちら

以下のコードを使用している正確な座標に追加する方法

document.getElementById('us').appendChild(c1);

Answer 1

onmouseover 属性を html から削除し、mouseover イベントを javascript コードでバインドする必要があります。次の疑似コードのようになります。

var item = document.getElementById('id');
item.addEventListener('mouseover', function() {
    var x = getXPosition();
    var y = getYPosition();
    circleElement.setAttribute('cx', x);
    circleElement.setAttribute('cy', y);
}, false);

また、CSS クラス、インライン スタイル、またはその他の方法で必要な場合は、要素を表示/非表示にする必要があります。