垂直反轉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/