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”），然后一切正常。