HTML5 Canvas

admin · 25-11-2011 17:15:06

Canvas er et av de nye og kraftfulle elementene i HTML5 standarden. Men hva er og gjør egentlig canvas elementet? Canvas elementet kan benyttes til å vise og lage grafikk ved hjelp av Javascript
Denne koden benyttes for å tegne et canvas element:

<canvas id="eksempel" width="200" height="200">
Denne teksten vises dersom nettleseren din ikke støtter HTML5 Canvas.
</canvas>

For å tegne i canvas elementet bruker du javascript. F.eks. slik

   <script>
        
    var canvas = document.getElementById("eksempel");
    if (canvas.getContext) {
        var p1 = canvas.getContext("2d");
        p1.fillStyle = "rgb(200,0,0)"; //rgb farger
        p1.fillRect (0, 0, 100, 100); // venstre, topp , bredde, høyde

      }
  </script>

Denne koden tegner et rektangel.

Forum for IT, data og webutvikling

#1 25-11-2011 17:15:06

HTML5 Canvas

Quick post

Board footer