Равномерная анимация столбца вверх на Raphael?

Question

[Фаррух Холмухамедов]

Как сделать так, чтобы столбец рос вверх. Сейчас нижний правый угол двигается вместе анимацией слева направо.

https://jsfiddle.net/kholmukhamedovme/m4q4Lmbr/

var paper = Raphael("paper", 500, 500);

var bar = paper.path(
    "M 100, 500" +
    "L 200, 450" +
    "L 300, 500" +
    "Z"
).animate({
    path:
        "M 100, 350" +
        "L 200, 300" +
        "L 300, 350" +
        "L 300, 500" +
        "L 100, 500" +
        "Z"
}, 1000).attr("fill", "green").attr("stroke", "none");

Answer 1

[Алексей Зуев]

Добавьте такой маленький хак

var bar = paper.path(
		"M 100, 500" +
		"L 200, 450" +
		"L 300, 500" + 
    "L 300, 500" + // эта строка
		"Z"
	)

https://jsfiddle.net/beyktkbp/

Comments

[Фаррух Холмухамедов]

Благодарю! Не ожидал, что решение настолько простое.