如何将文本置于拉斐尔路径的顶部

How to bring text on the top of raphael path?

本文关键字：路径 顶部 于拉斐 文本      更新时间：2023-10-28

我绘制了拉斐尔路径，文本位于其顶部，但当两个路径重叠时，较长的文本会被其他元素打断或隐藏。我有小提琴。我试过了：

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

但它不起作用。我试着手动定位文本，但当路径大约为50:（.拉斐尔中有没有类似z-index的属性。我也试过了，但不起作用。

r.text()为您创建一个新的文本元素。你需要把它送到前线。但如果你在后面加上更多的路径，它们仍然堆积在上面。为了解决这个问题，您可以在第二个循环中分离文本创建，或者使用Element.insertBefore()和Element.insertAfter()将国家/地区轮廓发送到后面，将文本标签发送到前面。

jsfiddle上有一个非常简单的修复程序。

相关文章：