如何在svg中的正确位置获得html弹出窗口（使用javascript）

我有一个简单的svg图形，我正在尝试创建一个简单的svg图形 此图形的工具提示弹出窗口，但我无法找到如何设置位置 正确显示工具提示的名称

我有一个.css，其中我的弹出div是绝对的：

#popup {
    position: relative

在svg中创建节点时，我会钩住一个监听器，如：

    p.setAttributeNS(null,"onmousemove","parent.drawPopup(evt)");

现在我的问题是，在drawPopup callack中，我不知道怎么做 为了正确设置坐标，我尝试了以下方法 在drawPopu函数中：

pop = document.getElementById("popup"); 
pop.innerHTML = popupText;
pop.style.visibility='visible';
pop.style.left=evt.pageX + 'px';

但是pageX似乎是相对于svg.graph的，所以我需要以某种方式偏移它

---

人们通常如何处理这样的问题？有什么建议吗？

您可能希望绝对定位工具提示，CSS规则状态为相对，并使用鼠标x、y坐标将其放置在图形顶部，因为工具提示无论如何都是由鼠标指针触发的

---

此链接将提供一些有用的信息，向下滚动页面或搜索鼠标位置，您将找到一些关于精确计算鼠标x、y坐标的提示。

看看Raphael

---

优秀的矢量javascript库。

你至少可以解释一下他如何与拉斐尔合作，而不仅仅是推广。同意。事实上，我刚刚找到这篇文章，因为我正在寻找一种与拉斐尔一起制作弹出式窗口的方法……而且没有简单的方法可以做到这一点！