svg - RaphaelJS 规模问题

Question

有人可以帮我吗？我试图将 svg 的大小缩小到原始大小的一半。

Here is the JSfiddle link

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

它与原版运行良好，但如果我取消注释最后一行，尺寸会减半，但形状会改变。

Answer 1

弄清楚了。它正在覆盖原始图中的变换信息。我将最后一行更改为 elements.transform("...s0.5,0.5,0,0") 然后一切正常。

Answer 2

您需要添加转换，而不是覆盖它。

请参阅更新的小提琴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");
});