如何将文本放在raphael路径的顶部?

时间:2012-07-17 07:09:47

标签: javascript svg raphael

我在其顶部绘制了raphael路径和文本,但是当两个路径重叠时,较长的文本被其他元素破坏或隐藏。我有jsfiddle。我试过了:

    r.toFront(); for path
  AND 
   'fill-opacity' : 0 for object

但它不起作用。我尝试手动定位文本,但是当路径大约为50时,它是相当困难的:(。在raphael中是否有像z-index这样的属性。我也尝试了但是它不起作用。

1 个答案:

答案 0 :(得分:2)

r.text()为您创建一个新的文本元素。你需要将它发送到前面。但是如果你在后面添加更多的路径,它们仍然堆积在它上面。 要解决此问题,您可以在第二个循环中分隔文本创建,或使用Element.insertBefore()Element.insertAfter()将国家大纲发送到后面,将文本标签发送到前面。

jsfiddle上有一个非常简单的修复方法。