Смотрю мало кто пользуется данной библиотекой
Решение проблемы:
Атрибут .attr({"path"}) можно менять только у объектов paper.path, т.е. если прямоугольник задать не через paper.rect(), а через paper.path(), то тогда данная анимация будет изменять данную фигуру на ту, которая указана в анимации.
Пример:
1) rec = paper.path("M100,300L300,300,300,400,100,400,z");
rec.attr({"fill": "red","opacity": 0.5});
rec.click(function()
{
rec.animate({path: "M100,300L300,300,200,400,z "},1e3)
})
Данный фрагмент код рисует прямоугольник, указанный в paper.path и при нажатии изменяет его, на треугольник указанный в анимации
2) rec = paper.rect(100,300,200,100);
rec.attr({"fill": "red","opacity": 0.5});
rec.click(function()
{
rec.animate({path: "M100,300L300,300,200,400,z "},1e3)
})
Данный фрагмент программы рисует только прямоугольник. Анимация по нажатию на него не работает т.к. прямоугольник нарисован не через paper.path