2012-02-02 23 views
0

我正在建立一個系統,其中多邊形形狀互相變形。我已經使用svg animate工作,並通過在點擊對象時將新值添加到「點」屬性中。使用HTML按鈕的SVG動畫效果

但是,我需要提前這個,使對象變形時點擊一個HTML按鈕(或元素)。


作爲一個例子,這是我的目標是實現:

我有四個按鈕在屏幕上(1,2,3,4),並把它們的側面上,該多邊形。 1代表較大的多邊形,直到4是最小的多邊形。

我希望頁面加載,顯示多邊形1.當點擊2時,多邊形會稍微變小,直到達到多邊形2。用戶可以選擇任何按鈕,多邊形將從當前選擇變爲所需的選擇,因此在所有可能的選擇中都是流暢的。


我的問題是我將如何啓用使用html按鈕或元素的動畫?

我相信,一旦我知道這一點,我將能夠創建4個動畫標籤爲每個按鈕,這樣點屬性將與新的形狀來代替......

回答

0

我最近評論一個問題,有代碼,做了你想要的:sample