javascript - 如何将 Raphael Canvas 整个(包含一些对象)从一个坐标连续移动到另一个坐标到另一个坐标

Question

我在这里创建了拉斐尔内容.. http://jsfiddle.net/ryWH3/76/

现在我需要将 Raphael Canvas 的全部内容从一个坐标到另一个坐标。

例如:

我的拉斐尔 Canvas 位于 -- x_coordinate:100,y_coordinate:100

现在我想将它移动到 -- x: 200, y :200

我想将所有内容从旧坐标移动到 -- x:150, y:150

从上一个坐标再次到其他一些坐标

请建议我移动此内容

Answer 1

好吧，我不认为你实际上可以更多的论文本身，这是 Raphael 返回给你的 r 变量的东西。您可以遍历元素并对它们执行任何您喜欢的操作:

r.forEach(function (el) {
   el.translate(200,200);
});

我更新了你的 fiddle 来演示它的移动:

updated fiddle

编辑

我还添加了以下内容来演示如何为各种集合设置动画:

Text.animate({transform: "t100,100"}, 1000);
smallCircles.animate({transform: "t100,100"}, 1000);
bigCircles.animate({transform: "t100,100"}, 1000);

updated fiddle with above animation