如何以编程方式在javascript中获取旋转的svg文本边界

我正在动态渲染SVG图像并创建旋转文本。 如果旋转的文本与其他文本重叠，我需要删除该文本。 但我无法测量旋转的文本来创建边界并检查下一个标签文本区域。

我已经创建了3个SVG元素来解释。

1. SVG-1显示重叠的文本。
2. SVG-2显示重叠的旋转文本（角度-10）
3. SVG-3显示旋转的文本而不重叠（角度-50）

我将动态地将文本旋转到任何角度。 如果在旋转文本时它重叠，我需要以编程方式删除重叠的文本。

小提琴链接

  Sprint 13_March_2015 DT_Apr2015_Sprint13   Sprint 13_March_2015 DT_Apr2015_Sprint13   Sprint 13_March_2015 DT_Apr2015_Sprint13   

有谁能提出解决方案？

Answer 1

它可能有点棘手，但您可以为每个文本元素计算多边形，然后查看它们是否相交。 我在下面的示例中使用了您的一个标签：

     
 Test Overlap