垂直颠倒Raphael SVG形状不起作用

Question

我创建了一个fiddle条形图，这是我使用Raphael SVG创建的一系列图表的一部分。其他图表使用比例（1，-1）完全垂直反转。但是，如果你在这个小提琴上应用比例，如下所示：

      SVGpaper.rect((-50 / 2), 0, 50, barHeight).attr({
        transform: "t" + t1 + "," + t2 + "s1,-1",
        "stroke-width": 1
    });

并检查条形图，尺度正在工作，但y轴的变换正在改变，因此不会在SVG本身中产生任何变化。

这里有什么问题？

Answer 1

我认为使用Raph，每个矩形都会围绕它自己的原点进行缩放，因此实际上没有明显的区别。而您希望围绕特定中心进行扩展。因此，如果您使用特定的原点中心，那么就像..

交换

transform: "t" + t1 + "," + t2 + "s1,-1"

的

transform: "t" + t1 + "," + t2 + "s1,-1,0,0" 

我认为它会做你想做的事，例如http://jsfiddle.net/Qru24/14/