라파엘 경로의 상단에 텍스트를 가져 오는 방법은 무엇입니까?

Question

나는 raphael 경로가 그려져 있고 그 위에 텍스트가 있지만 두 경로가 겹치면 긴 텍스트가 깨지거나 다른 요소에 의해 숨겨집니다. 나는 jsfiddle입니다. 나는 시도했다 :

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

그러나 작동하지 않는다. 나는 수동으로 텍스트 배치를 시도했지만 경로가 약 50 일 때 오히려 매우 힘들다. (.raphp에서 Z- 인덱스와 같은 속성이 있는지. 시도해 보았지만 작동하지 않는다.)

Answer 1

r.text() 텍스트 요소를 맨 앞으로 보내야합니다. 그러나 나중에 경로를 추가하면 여전히 겹쳐 쌓여 있습니다. 이 문제를 해결하려면 두 번째 루프에서 텍스트 생성을 분리하거나 Element.insertBefore() 및 Element.insertAfter()을 사용하십시오. 국가가 전면에 다시와 텍스트 레이블 설명 보내

아주 간단한 수정 jsfiddle에