jquery：animate.step改变方向

Question

我有一个带有rect元素的内联svg。现在我想用jquery改变rect元素的大小：

function rect1() {
$("#rect1").animate(
   {"foo":200},
   { 
        step: function(foo){
              $(this).attr("height",foo);
        },
        duration: 2000
   }
)};

<svg height="100%" width="100%" version="1.1" viewBox="0 0 628 400">
   <rect id="kom1" stroke="#fc0" y="200" x="200" width="100px" height="100px" fill="#fc0"/>
</svg>

它运作良好，是迄今为止唯一的问题：矩形元素将会增长＃34;至底部。

如何更改此行为以使rect-element增长到顶部？

由于 伊万