垂直反转 Raphael SVG 形状不起作用答案

【问题标题】：Vertically inverting Raphael SVG shape not working垂直反转 Raphael SVG 形状不起作用
【发布时间】：2013-11-28 12:21:55
【问题描述】：

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

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

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

这里有什么问题？

【问题讨论】：

【解决方案1】：

我认为 Raph 每个矩形都围绕其自己的原点进行缩放，因此实际上没有明显的差异。而您想围绕特定中心进行缩放。因此，如果您对它们都使用特定的原产地中心，例如..

交换

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

为

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

我认为它会做你所追求的，例如http://jsfiddle.net/Qru24/14/

【讨论】：