javascript - 我可以将文本附加/绑定(bind)到 Raphael 中的元素吗？

Question

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

Answer 1

一种方法是使用 Sets像这样:

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);

(On JSFiddle)

提示:请注意，如果您不使用 0,0 作为中心，则必须自行跟踪旋转轴。我个人喜欢将它保持在 0,0，然后将其转换到我想要的任何位置。