アニメーション化されたベクターの背景は、フルスクリーンの写真やビデオを特徴とするWebランドスケープに多様性を加えることができます。 これがロード時間と幅広いハードウェアおよびソフトウェアのサポートと密接に関連していると便利です。 1つの解決策はキャンバスです。 JavaScriptによって制御されるHTML要素は、現在のすべてのブラウザーでサポートされており、モバイルデバイスで高性能に再現されます。
真の強みは、キャンバスがコードだけで構成されている点にあります。そして、これは嬉しい副産物として全く新しい可能性を切り開きます。例えば、再帰関数を使えば、フラクタル図形やその他の繰り返し要素を簡単に生成できます。ここでは、その様子を示す簡単なデモを用意しました。:
もちろん、Canvasはゲーム、広告、データの視覚化、アートにも使用できます。 4kで継続的にスケーラブルなWebサイトの時代には、このあまり知られていないテクノロジーには多くの可能性があると思います。 静的なSVG要素と組み合わせることで、ベクターベースのグラフィックスはついにWeb上で常にふさわしいステージを迎えています。