多角形が互いに変形するシステムをセットアップしています。私はこれをsvgアニメーションを使って動作させ、オブジェクトのクリック時に "points"属性に新しい値を与えます。HTMLボタンを使用したSVGアニメーション
しかし、HTMLボタン(または要素)をクリックしたときにオブジェクトが変形するように、これを進める必要があります。例として
、これは私が達成することを目指すものである:
Iは4つの画面上のボタン(1、2、3、4)、及びそれらの側面に、多角形を有しています。 1は大きなポリゴンを表し、最小のポリゴンである4になります。
ページをロードしてポリゴン1を表示したいと思います.2をクリックすると、ポリゴン2が達成されるまでポリゴンが少し小さく変形します。ユーザーが任意のボタンをクリックするオプションがあり、ポリゴンは現在の選択範囲から希望する範囲にモーフィングするので、すべての可能な選択肢が流動的になります。
私の質問は、htmlボタンまたは要素を使用してアニメーションを有効にする方法ですか?
私は最近のコメント