javascript - 垂直反转 Raphael SVG 形状不起作用

Question

我创建了一个条形图的小提琴，它是我使用 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/