下雪實(shí)例
為紅旗等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù)，及紅旗網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為
成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、紅旗網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！
知識點(diǎn)：
canvas畫布
數(shù)組
繪畫函數(shù)
效果：
源碼：
------------------------------
下雪
window.onload = function(){
//獲取畫布對象
var canvas = document.getElementById("canvas");
//獲取畫布的上下文
var context =canvas.getContext("2d");
//獲取瀏覽器屏幕的寬度和高度
var w = window.innerWidth;
var h = window.innerHeight;
//設(shè)置canvas的寬度和高度
canvas.width = w;
canvas.height = h;
//1：如何產(chǎn)生雪花,一個圓 ,arc(x,y,r,start,end)
//初始化雪花數(shù)量
var num = 200;
//雪花數(shù)組
var snows = [];
for(var i=0;i w+5 || p.x < -5 || p.y > h){
if(i%4 > 0) {
snows[i] = {x: Math.random()*w, y: -10, r: p.r, d: p.d};
}else{
//控制方向
if(Math.sin(angle) > 0){
snows[i] = {x: -5, y: Math.random()*h, r: p.r, d: p.d};
}else{
snows[i] = {x: w+5, y: Math.random()*h, r: p.r, d: p.d};
}
}
}
}
};
//執(zhí)行和調(diào)用函數(shù)
draw();
setInterval(draw,10);
//隨機(jī)顏色
function randColor(){
var r = Math.floor(Math.random() * 256);
var g = Math.floor(Math.random() * 256);
var b = Math.floor(Math.random() * 256);
return "rgb("+r+","+g+","+b+")";
};
};
重慶分公司
重慶分公司