Användning av <canvas>:
- Används för att skapa dynamisk grafik med hjälp av JavaScript.
- Kan användas för att rita former, bilder och animationer på en webbsida.
Attribut för <canvas>:
- height och width: Anger höjd och bredd på arbetsytan.
- context: Används för att komma åt ritnings-API:et.
Exempel med <canvas>:
<canvas id="myCanvas" width="500" height="300"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "red";
ctx.fillRect(0, 0, 100, 100);
</script>
Utforska <canvas>-taggen:
- Skapa en
<canvas>-tagg med lämpliga höjd- och breddattribut.
- Hämta taggobjektets "context"-objekt för att komma åt ritnings-API:et.
- Använd metoder i context-objektet (t.ex. fillStyle, fillRect) för att rita på arbetsytan.
Tillgänglighetstips:
- Ange en textbeskrivning för
<canvas>-taggen med hjälp av attributet alt.
- Använd kontrastfärger för att göra grafiken synlig för personer med synnedsättning.