我可以在Raphael中将文本附加/绑定到元素吗？

Question

我是Raphael的新手，我想知道是否有一种方法可以绘制一个rect，并在其中绘制文本并以某种方式附加它，以便当我移动和缩放rect时，文本也可以移动和缩放？如果没有，我怎么能达到那个效果？

Answer 1

一种方法是使用这样的Set：

var paper = Raphael("holder", 200, 200);
paper.setStart();
paper.rect(-50, -50, 100, 100);
paper.text(0, 0, "hello");
var st = paper.setFinish();
st.transform("r10").translate(100, 100);

（在JSFiddle上）

提示：请注意，如果您不使用旋转0,0中心，则必须自己跟踪旋转轴。我个人喜欢保留它，0,0然后将其翻译到我想要的任何地方。