自作ホームページの奨め

有限会社安房ネット

モーフィング（中間図形）

ベクトル図形（svg）の中にパス要素を一つだけ置き、 頂点と制御点の位置と、背景色を４通りに変化させています。
頂点及び制御点の数が同じである図形なら、中間図形を作成しながら、 なめらかに変化してくれます。
アニメーションは、SVGのpath要素の中に記述します。この例では、変形用と 色変化の２つのアニメーションを指定しています。