亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > 實用代碼 > 正文

Canvas雪花飄飛，html5代碼

2024-09-05 12:19:09

字體：大中小

來源：轉載

供稿：網友

又一款HTML5 Canvas雪花特效，運行網頁后可看到動態效果的雪花飄飄落下，隨機位置，隨機數量，速度可調節，Canvas好東西，學習好不后悔。此代碼分享給喜歡HTML5動畫的朋友參考。

<!DOCTYPE html><html><head><title>Canvas雪花飄啊飄</title></head><body><canvas id="mc" width="420" height="280" style="border:1px solid black"></canvas><script type="text/javascript">function createFlower(context,n,dx,dy,size,length){	context.beginPath();	context.moveTo(dx,dy+size);	var dig = 2*Math.PI/n;	for(var i=1;i<n+1;i++){		var ctrlX = Math.sin((i-0.5)*dig)*length+dx;		var ctrlY = Math.cos((i-0.5)*dig)*length+dy;		var x = Math.sin(i*dig)*size+dx;		var y = Math.cos(i*dig)*size+dy;		context.quadraticCurveTo(ctrlX,ctrlY,x,y);	}	context.closePath();}snowPos = [{x:50,y:44,z:5},{x:140,y:35,z:3},{x:360,y:20,z:1},{x:250,y:50,z:2},{x:110,y:90,z:4},{x:310,y:85,z:2},{x:65,y:160,z:5},{x:205,y:130,z:5},{x:300,y:150,z:3},{x:260,y:210,z:1},{x:375,y:215,z:3},{x:155,y:230,z:2},{x:30,y:270,z:4},];function fall(context){	context.fillStyle = "#000";	context.fillRect(0,0,420,280);	context.fillStyle = "#fff";	for(var i=0,len=snowPos.length;i<len;i++){		context.save();		context.translate(snowPos[i].x,snowPos[i].y);		context.rotate((Math.random()*6-3)*Math.PI/10);		snowPos[i].y += Math.random()*18;		if(snowPos[i].y>280){			snowPos[i].y=4;		}		createFlower(context,6,0,0,snowPos[i].z,8);		context.fill();		context.restore();	}}var canvas = document.getElementById("mc");var ctx = canvas.getContext("2d");setInterval("fall(ctx);",200);</script></body></html>

上一篇：CSS3學習筆記之立體盒子動畫代碼

下一篇：HTML5實現端訪問時禁止放大和縮小網頁

學習交流

如何查找有故障的配件

如何查找有故障的配件...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遺憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 媽媽：高考雖重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回應是否會直播帶貨：有人出100萬想和他合作！

2024-06-25 19:29:23

名校搶人名場面：清華、北大太拼了！

2024-06-25 19:22:14

男生高考語文滿分！網友：第一次聽說

2024-06-25 19:19:15

疑難解答

圖片精選

網友關注

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

色狠狠av一区二区三区香蕉蜜桃| 亚洲欧洲高清在线| 国产69精品久久久久9| 欧美黑人性生活视频| 中文字幕一区二区精品| 精品亚洲国产成av人片传媒| 国产在线视频2019最新视频| 欧美黄色三级网站| 欧美精品电影在线| 欧美成人免费全部观看天天性色| 欧美成人精品一区二区三区| 国产成人自拍视频在线观看| 欧美日韩亚洲视频一区| 国产精品扒开腿做爽爽爽视频| 久久久最新网址| 欧美日韩国产精品一区| 久久久久久久久综合| 亚洲精品美女久久| 黄色一区二区三区| 亚洲国产精久久久久久| 久久久国产91| 热门国产精品亚洲第一区在线| 日韩精品欧美激情| 精品久久久久久| 国产精品三级久久久久久电影| 中文字幕欧美精品日韩中文字幕| 91丝袜美腿美女视频网站| 韩剧1988在线观看免费完整版| 国产欧美亚洲视频| 国产+人+亚洲| 一个人www欧美| 69视频在线免费观看| 国内精品国产三级国产在线专| 欧美美最猛性xxxxxx| 成人免费看黄网站| 国产精品人成电影在线观看| 日韩va亚洲va欧洲va国产| 国产精品美女网站| 91国产视频在线| 91亚洲精品视频| 久久久久久亚洲精品中文字幕| 亚洲精品免费一区二区三区| 亚洲成人网在线| 中文字幕日韩欧美精品在线观看| 亚洲最大福利网站| 国产精品久久久久久搜索| 日韩精品在线免费播放| 欧美丰满少妇xxxxx做受| 亚洲欧洲在线播放| 中文字幕久久久| 992tv成人免费视频| 国产成人欧美在线观看| 亚洲人成亚洲人成在线观看| 久久久久九九九九| 欧美日韩亚洲网| 日韩中文字在线| 日韩一区二区福利| 95av在线视频| 欧美成人激情视频| 欧美亚洲在线视频| 浅井舞香一区二区| 国产一区二区av| 欧美另类极品videosbestfree| 精品在线小视频| 日韩欧美在线字幕| 中文字幕亚洲情99在线| 欧美精品久久久久久久久| 欧美电影电视剧在线观看| 国产日韩在线亚洲字幕中文| 国产精品中文在线| 亚洲天堂久久av| 国产精品扒开腿做爽爽爽视频| 色阁综合伊人av| 中文在线资源观看视频网站免费不卡| 97国产精品视频| 国产婷婷色综合av蜜臀av| 这里精品视频免费| 日韩亚洲第一页| 色久欧美在线视频观看| 日韩在线视频导航| 欧美亚洲激情视频| 欧美色播在线播放| 久久露脸国产精品| 2019中文字幕全在线观看| 久久久久免费视频| 国产美女直播视频一区| www.久久久久久.com| 91麻豆桃色免费看| 中文字幕欧美精品在线| 91网站免费看| 久久精品视频在线观看| 久久天天躁狠狠躁老女人| 亚洲欧美日韩精品久久亚洲区| 秋霞午夜一区二区| 成人精品视频久久久久| 亚洲欧美一区二区精品久久久| 国产亚洲成精品久久| 91热精品视频| 国产精品91久久| 欧美成人精品激情在线观看| 欧美综合国产精品久久丁香| 伊人青青综合网站| 欧美性猛交xxxx| 欧美激情精品久久久久久久变态| 久久久精品国产网站| 亚洲一区二区三区四区在线播放| 91精品国产91久久久久福利| 亚洲欧美激情四射在线日| 亚洲国产中文字幕在线观看| 亚洲国产99精品国自产| 欧美一级免费看| 欧美亚洲另类在线| 国产成人精品电影| 欧美丰满片xxx777| 欧美性xxxx极品hd满灌| 欧美激情精品久久久久久久变态| 亚洲国产精品va在线观看黑人| 欧美激情按摩在线| 91欧美激情另类亚洲| 尤物tv国产一区| 亚洲欧洲国产伦综合| 日韩精品中文字幕久久臀| 欧美成人在线网站| 久久亚洲私人国产精品va| 成人国产精品一区| 最近2019年中文视频免费在线观看| 午夜精品久久久久久久男人的天堂| 欧美视频一区二区三区…| 久久久国产精品免费| 国产精品久久久久久久久男| 国产美女扒开尿口久久久| 日韩精品视频在线免费观看| 国产精品高清在线| 色妞在线综合亚洲欧美| 在线免费看av不卡| 国产日韩av在线播放| 久久久久久久爱| 中文字幕日韩av电影| 国产欧美精品一区二区| 国产成人av网| 色偷偷888欧美精品久久久| 国产精品网站入口| 热久久视久久精品18亚洲精品| 亚洲性视频网站| 亚洲成人网久久久| 亚洲国产精品yw在线观看| 日韩精品免费在线视频观看| 亚洲欧洲黄色网| 中文字幕亚洲第一| 91精品国产91久久久久久不卡| 韩国日本不卡在线| yellow中文字幕久久| 久久久在线视频| 精品国产欧美一区二区五十路| 欧美亚洲午夜视频在线观看| 欧美黄色小视频| 亚洲天堂精品在线| 午夜剧场成人观在线视频免费观看| 久久理论片午夜琪琪电影网| 欧美性生交xxxxxdddd| 国产剧情日韩欧美| 欧美黄色免费网站| 国产成人a亚洲精品| 国产精品吹潮在线观看|