javascript - 使用 JS 将 SVG 元素附加到现有的 SVG 元素

Question

我正在尝试将 SVG 元素圈附加到现有的 SVG 元素，我想圈在地图上，即覆盖，但我无法正确执行，我已经为它创建了 JSfiddle。请让我知道如何实现这一点.

我的代码在这里

如何在我使用下面的代码的精确坐标处附加

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

Answer 1

您应该从 html 中删除 onmouseover 属性并在 javascript 代码中绑定 mouseover 事件，类似于以下伪代码：

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 类、内联样式或任何其他方法显示/隐藏元素。