Snap SVG:只固定底部和动画高度

Snap SVG : Fixed bottom and animate height only

本文关键字：底部 动画 高度 SVG Snap      更新时间：2023-09-26

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

jsFiddle of what I have try .

如果没有添加y参数，则矩形的高度会移动到顶部。所以为了固定底部，我也动画了y参数，但后来我没有得到底部固定。

请分享你的想法来修复底部和动画高度。

这个怎么样? 

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，以便底部显示固定

相关文章：