我绘制了拉斐尔路径并在其顶部绘制了文本,但是当两条路径重叠时,较长的文本会被其他元素破坏或隐藏。我有jsfiddle。我试过 :
r.toFront(); for path
AND
'fill-opacity' : 0 for object
但它不工作。我尝试手动定位文本,但是当路径在 50 左右时它相当困难 :(。在 raphael 中是否有像 z-index 这样的属性。我也尝试过,但它不起作用。
我绘制了拉斐尔路径并在其顶部绘制了文本,但是当两条路径重叠时,较长的文本会被其他元素破坏或隐藏。我有jsfiddle。我试过 :
r.toFront(); for path
AND
'fill-opacity' : 0 for object
但它不工作。我尝试手动定位文本,但是当路径在 50 左右时它相当困难 :(。在 raphael 中是否有像 z-index 这样的属性。我也尝试过,但它不起作用。
r.text()
为您创建一个新的文本元素。你需要把它送到前面。但是,如果您在后面添加更多路径,它们仍然会堆叠在上面。为了解决这个问题,您可以在第二个循环中分离文本创建或使用Element.insertBefore()
并将Element.insertAfter()
国家大纲发送到后面,将文本标签发送到前面。
jsfiddle上有一个非常简单的修复。