Javascript 如何将拉斐尔画布（包含一些对象）从一个坐标系整体移动到另一个坐标系，再连续移动到另一个坐标系

我在这里创建了拉斐尔的内容<代码>

现在我需要将拉斐尔画布的全部内容从一个 坐标到另一个坐标

例如：

我的拉斐尔画布在x坐标：100，y坐标：100

现在我想把它移到-，x:200，y:200

从旧坐标，我想把整个内容移到-，x:150，y:150

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

---

请建议我移动此内容

好的，我认为你实际上不能再移动纸张本身了，这是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);

---

以jquery为例

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

---

paper.canvas是您获取dom元素的方法。

您不能在html中移动它吗？我尝试了一些类似r.set的动画（大圆圈、小圆圈、文本）；嗨，尼尔，我可以像你一样移动。在转换成坐标--（200200）之后，我想把它们移动到其他坐标，比如（200250），然后再移动到其他坐标（300340）等等。。我想把它们不断地移动到特定的坐标。你能帮我一下吗。。。谢谢，NagarjunaYa，我接受了。你只给出了一个好的答案。这就是为什么我请求你进一步的帮助。提前谢谢