2012-02-02 28 views
0

多角形が互いに変形するシステムをセットアップしています。私はこれをsvgアニメーションを使って動作させ、オブジェクトのクリック時に "points"属性に新しい値を与えます。HTMLボタンを使用したSVGアニメーション

しかし、HTMLボタン(または要素)をクリックしたときにオブジェクトが変形するように、これを進める必要があります。例として


、これは私が達成することを目指すものである:

Iは4つの画面上のボタン(1、2、3、4)、及びそれらの側面に、多角形を有しています。 1は大きなポリゴンを表し、最小のポリゴンである4になります。

ページをロードしてポリゴン1を表示したいと思います.2をクリックすると、ポリゴン2が達成されるまでポリゴンが少し小さく変形します。ユーザーが任意のボタンをクリックするオプションがあり、ポリゴンは現在の選択範囲から希望する範囲にモーフィングするので、すべての可能な選択肢が流動的になります。


私の質問は、htmlボタンまたは要素を使用してアニメーションを有効にする方法ですか?

私は最近のコメント

答えて

0

...私はこれを知っていればポイントは、新たな形状のものに置き換えられます属性ように、私は、各ボタンの4個のアニメイトタグを作成することができるだろうと信じていますあなたが望むことをしたコードを持った質問:sample

関連する問題