HTML <canvas> Etiketi

HTML <canvas> etiketi script dilleri kullanılarak grafik çizmek için kullanılır. Genellikle JavaScript dilinde kullanılır.

Canvas etiketiyle 2D şekiller ve bitmap görüntüler oluşturulabilir.

Söz dizimi:

<canvas id = "ilkcanvas" width ="250" height ="150"> </canvas>  

Tarayıcınız <canvas> etiketini desteklemiyorsa, etiket içerisinde yer alan metin görüntülenir.

Örnek:

<canvas id="ornekcanvas" width="250" height="150" style="border:3px solid;">  
Tarayıcınız HTML 5 <canvas> etiketini desteklemiyor.
</canvas>  

Ekran Çıktısı:

<canvas id="ornekcanvas1" width="300" height="200" style="border:2px solid #140f0b;">  
Tarayıcınız <canvas> etiketini desteklemiyor.</canvas>  
<script>  
var c = document.getElementById("ornekcanvas1");  
var cctx = c.getContext("2d");  
ctx.moveTo(0,0);  
ctx.lineTo(250,150);  
ctx.stroke();  
</script>