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 det faktum, at lærredet kun er fyldt med kode - hvilket åbner helt nye muligheder som en god bivirkning: For eksempel kan brug af rekursive funktioner, fraktaler eller andre tilbagevendende elementer oprettes med ringe indsats. Jeg har forberedt en lille demo her, hvordan det hele 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