如何使用TweenMax（Greensock）水平翻轉SVG？

Question

我正在嘗試使用Greensock做一些動畫，其餘都可以，除非我不確定如何按照我想要的方式翻轉SVG。

我做的代碼如下所示：

.to($tri_yellowgreen, 0.25, {rotationY:180, transformOrigin:"left top"}) 

..但箭頭移動到下並在相同的位置不會翻轉。

CODEPEN DEMO： http://codepen.io/anon/pen/eJOBma

我想從這個去：

...這個（黃綠色箭頭翻轉）：

Answer 1

我認爲解決方案可以取代這個：

.to($tri_yellowgreen, 0.25, {rotationY:180, transformOrigin:"left top"}) 

與：

.fromTo($tri_yellowgreen, 0.25, {transformOrigin:'right top'}, {rotationY: 180}) 

基本上transformOrigin必須施加補間甚至開始之前，.fromTo()方法代替.to()呼叫因此用法。