Raphael js:按比例缩放和翻译元素

时间:2014-05-02 14:33:17

标签: javascript raphael

似乎如果你在raphael中缩放一个集合,它会缩放内部的元素,但不会按比例翻译它们。因此,例如,如果我在我的集​​合中彼此相邻有两个正方形,并且我缩放设置,则正方形开始重叠,而不是第二个正方形在调整大小时重叠以便保持在第一个正方形旁边。有没有办法在raphael中获得这种行为?

1 个答案:

答案 0 :(得分:0)

正如伊恩所提到的,关键是设定比例的X,Y原点。默认情况下,缩放元素时,它使用元素的几何中心作为原点来缩放:

path.transform('S1.5'); // Scale 1.5x in both axis

因此,如果您缩放一组对象,它将从它自己的单个几何中心缩放每个单独的元素。

但您可以选择为比例设置X和Y原点:

path.transform('S1.5,1.5,0,0'); // Scale 1.5 in X and 1.5 in Y, with origin set at the Paper's 0,0 as the origin.

因此,如果您有一组元素,并且使用纸张0,0作为缩放原点来缩放所有元素,那么它们将按比例相互缩放。