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

RaphaelJS规模问题

2 个答案: