簡單中等
困難var d1 = document.getelementbyid("d1");
var s1 = document.getelementbyid("s1");
var c = document.getelementbyid("mycanvas");
var context = c.getcontext("2d");
var a = 10,b=10;
var n = 5;
var m = 10;
var key = 2;
var map = ;
var shiwu = ;
var su = 300;
var t;
function star(bt)
t = setinterval(hs,su);
bt.value="暫停";
}else
}document.οnkeydοwn= function (e)
};function sw(a)
d1.innerhtml = "當前長度:"+n+"
當前座標x:"+a/10+"
當前座標y:"+b/10;
switch(key)
for(var i=0;i
n)for(var i=0;i
抱歉，這麼久沒更新。最近公司專案緊，沒顧上搗鼓這個……被ng搞的頭大= =……這個是分三種模式的彩色貪吃蛇……ps：如果有ng大神無意路過看到的話- -希望留個腳步，一起研究ng。
HTML5 Canvas編寫五彩連珠（4） 動畫
上一節中，我們留下了乙個flyin的方法沒有介紹，這裡想單獨寫一篇html5的動畫實現。在第二節中我們實現了畫乙個泡泡，並且成功的擦除了泡泡，但當時也說了別把棋盤的線給擦掉了，所以做了偏移量。所以說html5 canvas還是低階，沒有圖層的概念，擦掉再想補回來，怎麼補？答案就是重繪。沒錯，整個ca...
HTML5 canvas 繪製圓形
canvas繪製圓形的思路 1 建立路徑 beginpath 2 建立圓形的路徑 3 關閉路徑 closepath 路徑不關閉也能繪製出圖形 4 設定繪製樣式。建立圓形路徑時需要用到物件的arc方法，方法定義如 arc x,y,radius,startangle,endangle,countercl...
HTML5 canvas擦除無效
部分安卓手機上會出現canvas內圖表重疊，並且清除無效，屬於偶現缺陷，非常難以確定其產生原因，比如下圖這個樣子，第一次繪製的圖形沒有擦除，導致第二次繪製時出現重影 初步考慮為裝置自身問題，引起canvasapi的context.clearrect執行無效。在經過一些嘗試之後，發現在每次擦除 cle...