使用Raphael保留集合中多個項目的縮放比例

Question

我有一組幾種不同比例的形狀。

當使用

set.transform("tp1,p2") 

形狀變換到另一個點的集合重新縮放到其正常尺寸。對於每個縮放比例爲 的形狀，其原始大小的比例不同，我無法給出比例尺 set.transform。

如何在transform（）中保留集合中每個項目的縮放比例？

我的代碼問題：

http://jsfiddle.net/XHr4H/

Answer 1

拉斐爾的處理這個不完美的方式就是讓轉型的指令進行任何前置到變換序列（使用「指令...」）或附加變換序列（使用「...指令」）。在你的情況下，實現你的效果最簡單的方法是在你的setTimeout函數中加入你想要的相對變換。

var paper = Raphael("paper", 200, 200); 

var s = paper.set(), 
    r = paper.rect(0,0,30,30).attr({"fill":"green"}).transform("t27,30s0.2"), 
    r2 = paper.rect(40,0,30,30).attr({"fill":"red"}).transform("t27,30s0.4"); 
s.push(r,r2); 
setTimeout(function(){ 
    s.transform("t100,150..."); // here 'tis 
}, 2000); 

變換（「t100,150 ...」）基本上插入所需翻譯成變換爲串集合中的每個元素的開頭。因此，r的變換累計評估爲「t127,180s0.2」，並且r2變爲「t127,180s0.4」。