Я настраиваю систему, в которой формы многоугольников превращаются друг в друга. У меня есть эта работа с использованием svg animate и путем подачи новых значений в атрибуты «точек» при щелчке объекта.SVG анимировать с помощью кнопок HTML
Однако мне нужно продвигать это, чтобы объект изменялся при нажатии кнопки (или элемента) HTML.
В качестве примера, это то, что я стремиться к достижению:
У меня есть четыре кнопки на экране (1, 2, 3, 4), а также к их стороне, многоугольника. 1 представляет собой более крупный многоугольник, до 4, который является наименьшим полигоном.
Я бы хотел, чтобы страница загружалась, отображая многоугольник 1. Когда щелкнет 2, полигон будет немного меньше, пока не будет достигнут полигон 2. У пользователя будет возможность щелкнуть любую кнопку, и полигон будет преобразовываться из текущего выбора в желаемый, поэтому он будет текучим через все возможные варианты выбора.
Мои вопросы: как включить анимацию с помощью кнопки или элемента html?
Я считаю, что когда-то я знаю, что это, я был бы в состоянии создать 4 одушевленные метки для каждой кнопки, так что атрибут будет заменен, что в новой форме точки ...