我在这里创建了拉斐尔的内容.. http://jsfiddle.net/ryWH3/76/
现在我需要将拉斐尔画布的全部内容从一个协调到另一个坐标。
例如:
我的拉斐尔画布在 -- x_coordinate:100,y_coordinate: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 元素。