HTML5 ile birlikte canvas web sayfalarında epey bir popüler olacak, ve bir çok şeyi mümkün kılacak gibi görünüyor. Şimdiye kadar sadece flash’la yapılabilen şeyler yavaş yavaş canvasla karşımıza çıkıyor. Şimdiden oyunlar özel javascript kütüphaneleri belirmeye başladı nette. Ben de JS Canvas API ile bir iki test yaptım burada da paylaşmak istedim, buyrun ufak bir canvas örneği:
function draw() {
var canvas = document.getElementById("canvas");
canvas.height = document.height;
canvas.width = document.width;
if (canvas.getContext) {
var ctx = canvas.getContext("2d");
var i = 0;
var t= setInterval(function() {
ctx.fillStyle = "rgba(200," + i + "," + i + ",0.05)";
ctx.fillRect (i, i, i, i);
i++;
if(i > document.height-i){clearInterval(t);}
},10);
}
}
window.onload = draw;
Bu bir kaç satırlık kod ile gayet hoş bir animasyon elde edilebiliyor, işte çıktısı:
Tabi bunu HTML5 destekleyen modern bir tarayıcıyla görebilirsiniz ancak.
