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