Javascript 拉斐尔。更改相对于其他对象的文字外观

当使用拉斐尔时，有人知道如何改变文本相对于另一物体的位置的外观吗

我创建了一个JS提琴来演示我的意思（下面的链接）

在本例中，有一个橙色矩形和一些部分重叠的文本。我希望文本仅在它直接位于矩形上方时显示，并隐藏在它不在的地方。我将使用translate更改其位置

这方面的任何帮助都将是非常棒的。多谢各位

---

如果我理解正确，可以使用clip rect这样做。我不确定这是不是正确的方法

---

​

如果我理解正确，可以使用clip rect这样做。我不确定这是不是正确的方法

---

​

这似乎是不可能的-看到这个帖子谢谢。我搜索了一个掩蔽，看起来有人可能用一个图像得到了这样的效果：这似乎不可能-看这个帖子，谢谢。我搜索了一个掩蔽，看起来有人可能通过图像得到了这样的效果：

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