h5 canvas畫布 文字雨滴效果展示`
**運用到的方法
（1）math.floor() === 向下取整
（2）math.random()方法可返回介於 0 ~ 1 之間的乙個隨機數
（3）定時器
①setinterval()設定定時器
②clearinterval()清除定時器
（4）context.filltext( text , x , y , [maxwidth] ) 填充方式繪製文字
text為要繪製的字串，
x、y為繪製文字的橫座標和縱座標，
maxwidth為可選引數，顯示文字時的最大寬度
（5）獲取瀏覽器螢幕的寬度和高度
有三種方法能夠確定瀏覽器視窗的尺寸（瀏覽器的視口，不包括工具欄和滾動條）。
對於internet explorer、chrome、firefox、opera 以及 safari：
window.innerheight - 瀏覽器視窗的內部高度
window.innerwidth - 瀏覽器視窗的內部寬度
對於 internet explorer 8、7、6、5：
document.documentelement.clientheight
document.documentelement.clientwidth
或者document.body.clientheight
document.body.clientwidth
所以這裡我為了涵蓋所有瀏覽器，將獲取方法均列出來
**
h5 canvas 畫素操作
1.得到場景畫素資料 getimagedata 獲得乙個包含畫布場景畫素資料的imagedata物件，它代表了畫布區域的物件資料 ctx.getimagedata sx,sy,sw,sh sx sy 將要被提取的畫素資料矩形區域的左上角x y 座標 sw sh 將要被提取的畫素資料矩形區域的寬度 高...
使用H5canvas繪製多個自上而下運動效果案例
1 doctype html 2 html 3 head 4 meta charset utf 8 5 title 多個圖形自上向下 title 6head 7 body 8 canvas id canvas width 300px height 400px canvas 9 script 10va...
js小遊戲 小球走迷宮（基於h5 canvas）
小球走迷宮遊戲的實現比接元寶要簡單的多，迷宮地圖可以說是由乙個二維陣列組成的，0代表沒有障礙物，1代表有障礙物，小球從 0,0 位置開始出發，走到指定位置則遊戲勝利，遇到障礙物則不能通過，可以看做乙個點在陣列的 0,0 位置開始向上或向右或向下或向左來 走 陣列，因為是人為控制小球，所以只需要判斷小...