javascript - 如何将拉斐尔画布完全（包含一些对象）从一个坐标移动到另一个坐标到另一个坐标

Question

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

现在我需要将 Raphael 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);
});

我更新了你的小提琴来展示它的移动：

更新的小提琴

编辑

我还添加了以下内容来演示为您的各种集合设置动画：

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

更新了上述动画的小提琴

Answer 2

以 jquery 为例...

$(paper.canvas).css({top:topPosition, left: leftPosition});

paper.canvas 是您获取其内部的 dom 元素的方式。