라파엘 자바 스크립트. 다른 개체와 관련하여 텍스트 모양 변경

Question

Raphael을 사용할 때 다른 개체에 대한 텍스트의 위치와 관련하여 텍스트 모양을 변경하는 방법을 아는 사람이 있습니까?

내가 무슨 뜻인지 설명하기 위해 JS 피들을 만들었습니다 (아래 링크).

이 예제에서는 오렌지색 사각형과 일부 겹치는 텍스트가 있습니다. 텍스트가 직사각형 바로 위에있을 때만 표시하고 그렇지 않은 경우 숨길 수 있도록 텍스트를 표시하고 싶습니다. 나는 번역을 사용하여 그 위치를 바꿀 것이다.

이것에 대한 도움이 될 것입니다. 고맙습니다.

Link to JS Fiddle

Answer 1

내가 제대로 이해하는 경우가 클립하는 구형을 사용하여이 방법을 수행 할 수 있습니다. 나는 그것이 올바른지 확실하지 않습니다.

JS Fiddle link

var paper = Raphael(10, 10,500,500); 
var rect = paper.rect(10,100,200,100,3); 
rect.attr({ 
fill: "orange", 
stroke:"orange"}); 

var txt = paper.text(15, 180, "Hey diddle diddle\nThe cat and the fiddle\nThe dish ran away with the spoon\n The little dog laughed to see such fun\nAnd the cow jumped over the moon"); 

txt.attr({ 
    "text-anchor": "start", 
    "font-family": "Arial", 
    "font-size": "16px", 
    "clip-rect": "10,100,200,100", 
});