SVG 中的动态注释

Posted 2023-03-25

【中文标题】SVG 中的动态注释

【英文标题】：Dynamic annotation in SVG

【发布时间】：2014-03-31 11:19:59

【问题描述】：

我们需要在 SVG 渲染中使用一些标签 (div) 动态注释某些点。

是否有任何算法可以让我们动态确定这些标签注释的位置，从而完全避免或最小化重叠？

注释将是从点到标签的一条线（带有一些文本的 div）

【问题讨论】：

需要更多信息：这是嵌入页面的 SVG 文件还是动态生成 SVG？如果是这样，您使用的是什么库？你有什么东西可以让我们看到吗？

我们只是使用 jQuery 创建 SVG。我们已经在 SVG 中绘制了一些东西。现在，我们要注释某些点（用一条从点到标签的线），但必须动态计算这些标签的位置以避免重叠。抱歉，我没有什么要分享的。希望要求很明确。

【参考方案1】：

您需要动态创建点。

请参考this link，它显示了点内的动态随机游走以及分配。

您也可以通过the link 了解有关 SVG 动画的其他详细信息。