RaphaelJS規模問題

Question

有人可以幫助我嗎？我試圖將svg的大小縮小到其原始大小的一半。

Here is the JSfiddle link 

http://jsfiddle.net/wildleaf/ntzf3/ 

運行良好與原來的，但如果我去掉最後一行，尺寸減小一半，但形狀發生改變。

Answer 1

您需要添加轉換，而不是覆蓋它。

查看更新後的小提琴http://jsfiddle.net/ntzf3/1/

代碼

...  

var rsr = Raphael("canvas", 800, 400); 
var elements = rsr.set(); 

for (var room in floorData) { 
    var r = floorData[room]; 
    var ele = rsr.add([r]); 
    elements.push(ele); 
    if (r.data) { 
     ele.data('room', r.data['room']); 
    } 
} 

elements.forEach(function (el) { 
    var e = el[0]; 
    e.transform(e.transform() + "s0.5,0.5,0,0"); 
}); 

Answer 2

想通了。它覆蓋原始圖形中的變換信息。我將最後一行更改爲elements.transform（「... s0.5,0.5,0,0」），然後一切正常。