Snap SVG：仅固定底部和动画高度

Question

我需要在SVG中修改矩形的高度，底部是固定的。我正在使用Snap SVG库。

jsFiddle我所尝试过的。

如果未添加y参数，则矩形的高度会动画显示为顶部。所以为了修复底部，我也给y参数设置了动画，但后来我没有修复底部。

请分享您的想法以修复底部并仅为高度设置动画。

Answer 1

这个怎么样......

var s = Snap("#svg");

rect = s.rect(10, 5, 50, 100);
rect.attr({
    fill: '#fc0'
});
rect.animate({
    y:100,
    height: 5
}, 1500, mina.easein);

如果您将高度从100更改为5，则必须在相反方向上将y更改95，以使底部显示为固定。