【问题标题】:SVG Tooltip IssueSVG 工具提示问题
【发布时间】:2014-12-18 09:13:06
【问题描述】:

我有一个用 asp.net、c# 构建的项目。并使用 HTML 中的嵌入对象来显示 SVG 文件。

我请求在 SVG 元素上显示工具提示。 SVG 是一个单独的文件,其内容为 XML。这个文件基本上是从Visio文件转换后生成的。

现在我必须在不同 SVG 元素的工具提示中显示一些动态内容。

我添加了一个单独的 rect 和 text 元素并将其隐藏在 SVG 元素中,并且在将鼠标悬停在任何 SVG 元素上时,我使工具提示可见。它的工作到现在为止。

现在我必须设置工具提示的位置,如果我需要根据目标组元素计算位置,这有点棘手。

如果我在鼠标位置上填充工具提示,则工具提示会被鼠标位置拖动,这看起来很糟糕。所以我想在目标元素位置填充工具提示。

请帮我在目标元素上设置工具提示位置!

【问题讨论】:

  • 为什么不给 rect 一个带有工具提示文本的 <title> 子元素。这是本机工具提示,肯定更容易。
  • 如果我想设置标题元素的样式怎么办。有可能吗?

标签: c# asp.net html svg


【解决方案1】:

通过以下网址找到解决方案:How to determine size of Raphael object after scaling & rotating it?

使用 get_metrics 函数计算显示工具提示所需的位置。

非常感谢!

【讨论】:

    猜你喜欢
    • 2023-01-26
    • 1970-01-01
    • 2019-02-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多