Gruppe arbejdet:
Navn: charher, somlak
EMNE 1: BESKRIVELSE AF CANVAS TAGGET
Canvas elementet blev introduceret af Apple i 2004. Apples dashboard elementer er blevet lavet med Canvas og ellers kan man bruge det til at lave spil, grafik, animationer og billeder. Et canvas tag i HTML 5 er et tag <canvas> man bruger til at definere et område på en side der ikke har nogen ramme (usynlig) eller en ramme kan tilføjes så man bedre kan få et overblik over området.
Man kan give det en ramme med CSS så det er let at se hvor canvasset er. Herunder er der et eksempel på hvordan canvas tagget kan bruges:
<canvas width=”100” height=”100” > Indhold f.eks. fra javascript </canvas>
Alt hvad der skal tegnes på <canvas> tagget sker fra for eksempel Javascript.
Da canvas som sagt er gennemsigtigt kan man ikke se det før der er tegnet noget.
Derfor kan man eventuelt lave en ramme med CSS omkring canvasset så det er let at se hvor det er.
Canvas tagget bruges til at reservere en plads, hvor JavaScript koder kan manipulere individuelle pixels.
Canvas kan også bruges i video filer, så canvas kan altså bruge på mange forskellige måder..
Her er de forskellige browsere der understøttes canvas.
Linket til inspiration: http://www.nemprogrammering.dk/Tutorials/HTML5/html5_canvas.php
Eksempler på seje ting der er lavet i Canvas
http://code.tutsplus.com/articles/21-ridiculously-impressive-html5-canvas-experiments--net-14210
Navn: charher, somlak
EMNE 1: BESKRIVELSE AF CANVAS TAGGET
Canvas elementet blev introduceret af Apple i 2004. Apples dashboard elementer er blevet lavet med Canvas og ellers kan man bruge det til at lave spil, grafik, animationer og billeder. Et canvas tag i HTML 5 er et tag <canvas> man bruger til at definere et område på en side der ikke har nogen ramme (usynlig) eller en ramme kan tilføjes så man bedre kan få et overblik over området.
Man kan give det en ramme med CSS så det er let at se hvor canvasset er. Herunder er der et eksempel på hvordan canvas tagget kan bruges:
<canvas width=”100” height=”100” > Indhold f.eks. fra javascript </canvas>
Alt hvad der skal tegnes på <canvas> tagget sker fra for eksempel Javascript.
Da canvas som sagt er gennemsigtigt kan man ikke se det før der er tegnet noget.
Derfor kan man eventuelt lave en ramme med CSS omkring canvasset så det er let at se hvor det er.
Canvas tagget bruges til at reservere en plads, hvor JavaScript koder kan manipulere individuelle pixels.
Canvas kan også bruges i video filer, så canvas kan altså bruge på mange forskellige måder..
Her er de forskellige browsere der understøttes canvas.
- Internet Explorer 10 and 11
- Chrome 43 og 44
- Safari 7 og 8
- Firefox 39 og 40
- Flash 17 og 18
Linket til inspiration: http://www.nemprogrammering.dk/Tutorials/HTML5/html5_canvas.php
Eksempler på seje ting der er lavet i Canvas
http://code.tutsplus.com/articles/21-ridiculously-impressive-html5-canvas-experiments--net-14210