RaphaelJS 规模问题

【问题标题】：RaphaelJS scale issueRaphaelJS 规模问题
【发布时间】：2013-03-24 11:53:11
【问题描述】：

有人可以帮我解决这个问题吗？我试图将 svg 的大小缩小到原始大小的一半。

Here is the JSfiddle link

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

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

【问题讨论】：

标签： svg resize raphael transform scale

【解决方案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");
});

【讨论】：

【解决方案2】：

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

【讨论】：