使用HTML按钮进行SVG动画制作

时间:2012-02-02 14:57:23

标签: html animation svg polygon

我正在建立一个多边形形状相互变形的系统。我使用svg animate工作,并在点击对象时将新值提供给“points”属性。

但是我需要推进这个,以便在点击HTML按钮(或元素)时对象变形。


举个例子,这就是我的目标:

我在屏幕上有四个按钮(1,2,3,4),在它们的侧面有多边形。 1表示较大的多边形,直到4是最小的多边形。

我想要加载页面,显示多边形1.当单击2时,多边形会变小,直到达到多边形2。用户可以选择单击任何按钮,多边形将从当前选择变为所需的多边形,因此可以通过所有可能的选择进行流动。


我的问题是如何使用html按钮或元素启用动画?

我相信一旦我知道这一点,我就可以为每个按钮创建4个动画标签,这样点数属性将被替换为新形状...

1 个答案:

答案 0 :(得分:0)

我最近评论了一个代码可以达到你想要的代码:sample