Animerade vektorbakgrunder kan lägga till variation i ett webblandskap som kännetecknas av foton och videor i helskärm. Det skulle vara trevligt om detta skulle gå hand i hand med laddningstider och bred support för hårdvara och programvara. En lösning är: canvas. HTML-elementet som styrs av JavaScript stöds av alla nuvarande webbläsare och återges med hög prestanda på mobila enheter.
Den verkliga styrkan ligger i att arbetsytan enbart är fylld med kod – och detta öppnar upp helt nya möjligheter som en trevlig bieffekt: Till exempel kan fraktaler eller andra återkommande element genereras enkelt med hjälp av rekursiva funktioner. Jag har satt ihop en liten demo här för att visa hur detta kan se ut.:
Canvas kan naturligtvis också användas i spel, reklam, datavisualisering eller konst. I tider med 4k och kontinuerligt skalbara webbplatser finns det enligt min mening mycket potential i denna mindre kända teknik. I kombination med statiska SVG-element får vektorbaserad grafik äntligen scenen på webben som de alltid har förtjänat.