Javascript 拉斐和xEB上醉酒工具提示的固定位置；l路径节点

这是一个非常具体而且有点复杂的问题，所以我已经建立了一个框架，在阅读本文的其余部分之前，您可能应该先看看这个框架

我有一个页面，显示图像和突出显示的地区悬停通过。我也一直在努力添加到这些悬停中，这样您就可以看到图像的每个部分都被称为什么了

Raphaël使用SVG绘制突出显示的区域，由于SVG元素也是DOM节点，因此将Tipsy附加到它们很容易实现，如下所示：

// Get the path node as a jQuery object.
pathNode = $(path.node);

// Set the title so it's available to tipsy.
pathNode.attr('title', element.title);

// Add a Tipsy tooltip to each node, if Tipsy is loaded.
if ($.fn.tipsy) {
  pathNode.tipsy({
    fade: true
  });
}

这个问题只是美中不足，这个问题的原因是Tipsy在屏幕顶部（坐标0,0处）绘制工具提示，而不是在SVG节点旁边，我不知道如何修复它。调试醉醺醺的JavaScript时，它似乎在某个点上有坐标，但仍然无法绘制正确的点

有人能猜出来吗？（有关详细信息，请参阅）。

可以尝试使用这些提示

---

请看我刚刚写的这个例子：

您的演示还显示了iPhone上0,0处的工具提示。 当碎片变为红色时，您可以使用getBBox（）识别minx和miny

---

相应地放置提示？

此浏览器是否特定？。我刚刚检查了你在chrome（linux）中的示例，它运行良好。提示在我的Mac上的Firefox和Safari中都放在（0,0）中，但是是的，它在chrome中似乎运行良好。是的，我考虑过使用gRaphaël，但是如果可能的话，我更喜欢使用相同的库来显示HTML和SVG中的工具提示。提示没有放在Raphaëëël代码中，但是在Tipsy库中，getBBox（）不是一个选项，因为它适用于所有类型的DOM节点。