ラファエルJavascript。他のオブジェクトに関連してテキストの外観を変更する

Question

Raphaelを使用しているときに、他のオブジェクトに対するテキストの位置を変更する方法を知っている人はいますか？

私が意味することを実証するためにJSフィドルを作成しました（下記のリンク先）。

この例では、オレンジ色の矩形と一部が重なるテキストがあります。私はテキストが矩形のすぐ上にあるときだけ表示され、矩形の上に隠されないようにしたいと思います。私は翻訳を使ってその位置を変えます。

これについての助力はすばらしくなるでしょう。ありがとうございました。

Link to JS Fiddle

Answer 1

私が正しくあなたを理解している場合には、クリップRECTを使用してこの方法を行うことができます。私はそれが正しいかどうかは分かりません。

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", 
});