Hvordan lage et lerret Window

HTML5 er <canvas> -taggen brukes i forbindelse med skriptspråk som Javascript for å tegne grafikk og skape bilder. Den kan også brukes til å lage grafer eller lage bilde sammenligninger. Fordi dette elementet er ikke så gammel som HTML, er det noen eldre nettlesere ikke støtter det. Ha dette i bakhodet hvis du utvikler for en bestemt målgruppe som nettsurfing programvare kan være begrenset.

Bruksanvisning

1 Start din foretrukne kode redigering program eller en ren tekst editor hvor du kan opprette et nytt dokument for å øve på koding i.

2 Opprett et lerret ID og et navn for det ved hjelp av følgende lerret tag og kode:

<Canvas id = "myExampleCanvas"> </ canvas>

3 Erklærer bruk av Javascript-funksjonen som kreves for lerretet for å vise ved hjelp av følgende kode:

<Script type = "text / javascript">

4 Definer den måten at lerretet dokumentet vil bli vist ved å definere Var lerret parametere og lerret ID elementer:

Var lerret = document.getElementById ( 'myCanvas');
Var ctx = canvas.getContext ( '2d');

5 Gi lerret vinduet en bakgrunnsfarge ved hjelp av en fargekode. Eksempelet nedenfor viser FF0000 som fargekode og presiserer at vinduet skal vises i en rektangulær form:

ctx.fillStyle = '# FF0000';
ctx.fillRect (0,0,80,100);
</ Script>