Animerede baggrunde med lærred

Animerede vektorbaggrunde kan tilføje variation i et weblandskab, der er kendetegnet ved fotos og videoer i fuld skærm. Det ville være rart, hvis dette ville gå hånd i hånd med indlæsningstider og bred hardware- og softwaresupport. En løsning er: lærred. HTML-elementet, der styres af JavaScript, understøttes af alle aktuelle browsere og gengives med høj ydeevne på mobile enheder.


Den virkelige styrke ligger i, at lærredet udelukkende er fyldt med kode – og dette åbner op for helt nye muligheder som en fin sideeffekt: For eksempel kan fraktaler eller andre tilbagevendende elementer genereres ubesværet ved hjælp af rekursive funktioner. Jeg har sammensat en lille demo her for at vise, hvordan dette kan se ud.:

Canvas Background by David Vielhuber

Canvas kan naturligvis også bruges i spil, reklame, datavisualisering eller kunst. I tider med 4k og kontinuerligt skalerbare websteder er der efter min mening meget potentiale i denne mindre kendte teknologi. I kombination med statiske SVG-elementer får vektorbaseret grafik endelig den scene på nettet, som de altid har fortjent.

Tilbage