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