Вертикально инвертируя форму 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 
    }); 

и осмотрите бруски, масштаб работает, но преобразование для оси у меняется, и, таким образом, не создавая каких-либо изменений в самой SVG.

В чем проблема?

Answer 1

Я думаю, что с Raph каждый прямоугольник масштабируется вокруг своего собственного центра происхождения, поэтому в действительности нет заметной разницы. В то время как вы хотите масштабироваться вокруг определенного центра. Так что если вы используете определенный центр происхождения для них все нравится ..

Своп

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

для

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

Я думаю, что он будет делать то, что вы после этого, например http://jsfiddle.net/Qru24/14/