positioning - 如何移动拉斐尔集?

标签 positioning raphael

我有一组对象与Raphael.set()分组。我想做的是将整个集合(更改xy坐标)从一个位置移动到另一个位置。
如何将整个集合作为单个对象移动?
我已经发现,当调用.attr({X: newX, Y: newY})时,集合中的每个元素都将定位在此坐标上,这将导致将所有元素堆积在一个位置。

最佳答案

编辑:请参阅Rick Westera's answer,因为现在已弃用translate

使用.translate(x, y),例如:

var paper = Raphael('stage', 300, 300);
var set = paper.set();
set.push(paper.rect(0,0,30,50));
set.push(paper.circle(40,50,10));
set.push(paper.path("M 0 70 L 100 70"));
set.translate(100, 100);

http://jsfiddle.net/q4vUx/

关于positioning - 如何移动拉斐尔集?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8850570/

相关文章:

javascript - 使用 css 对齐和填充

css - 如何将 CSS 背景图像保持在所有 div(面包屑箭头)之上?

css - 在 IE6 中用 png 替换 CSS 图片

CSS:如何使 div block *不*占用其父容器中的空间

css背景图片定位

JavaScript 作用域问题导致只有一个绑定(bind)起作用

javascript - 如何使用 Raphael JS 进行自由变换?

svg - RaphaelJS : Creating click-through elements?

raphael - 让 d3.js 与 raphael.js 一起工作

javascript - 添加控件以显示莫里斯图