<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

        html5canvas粒子形成下雪背景的效果

        來源:懂視網 責編:小采 時間:2020-11-27 15:04:24
        文檔

        html5canvas粒子形成下雪背景的效果

        html5canvas粒子形成下雪背景的效果:本篇文章給大家帶來的內容是關于html5 canvas粒子形成下雪背景的效果,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。<!doctype html> <html lang="en"> <head> <meta char
        推薦度:
        導讀html5canvas粒子形成下雪背景的效果:本篇文章給大家帶來的內容是關于html5 canvas粒子形成下雪背景的效果,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。<!doctype html> <html lang="en"> <head> <meta char

        本篇文章給大家帶來的內容是關于html5 canvas粒子形成下雪背景的效果,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。

        <!doctype html>
        <html lang="en">
        <head>
        <meta charset="UTF-8" />
        <title>canvas粒子形成下雪背景</title>
         body{
         margin: 0px;
         padding: 0px;
         }
         #canvas{
         display: block;
         background: #222;
         }
        </style>
        </head>
        <body>
         <canvas id="canvas"></canvas>
        </body>
        <script>
         var canvas = document.getElementById("canvas");//獲取canvas
         var ctx = canvas.getContext("2d");//創建畫筆
         var w = canvas.width = window.innerWidth;//瀏覽器寬度
         var h = canvas.height = window.innerHeight;//瀏覽器高度
         window.onresize = function(){
         w = canvas.width = window.innerWidth;
         h = canvas.height = window.innerHeight;
         };//當瀏覽器刷新的時候刷新
         var num = 1000;//數量
         var shuju = [];//空數組
         for(i = 0;i<num;i++){
         shuju.push({//數組末項添加
         x : Math.random()*w, 
         y : Math.random()*h,
         r : Math.random()*2
         });
         draw(shuju[i].x,shuju[i].y,shuju[i].r)//for循環循環darw function
         };
         console.log(shuju[0]);
        
         function draw(x1,y1,r1){
         ctx.beginPath();//開始繪畫
         ctx.fillStyle = "#fff";//顏色
         ctx.arc(x1,y1,r1,0,2*Math.PI,false)//arc園
         ctx.fill();//填充
         }
        
         function chageY(){
         for(var i = 0;i<num;i++){//for循環
         shuju[i].y += Math.random()*5;
         if(shuju[i].y > h){//大于高度
         shuju[i].y = 0;//等于0
         }
         draw(shuju[i].x,shuju[i].y,shuju[i].r);//調取
         }
         }
        
         setInterval(function(){
         ctx.clearRect(0,0,w,h);//清楚畫布 0 0 高度 寬度
         chageY(); 
         },10);
        
        </script>

        聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        html5canvas粒子形成下雪背景的效果

        html5canvas粒子形成下雪背景的效果:本篇文章給大家帶來的內容是關于html5 canvas粒子形成下雪背景的效果,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。<!doctype html> <html lang="en"> <head> <meta char
        推薦度:
        標簽: 背景 下雪 效果
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 亚洲V无码一区二区三区四区观看| 色播在线永久免费视频| 中国亚洲女人69内射少妇| 黄色一级毛片免费| 内射无码专区久久亚洲| 国产精品亚洲一区二区无码| 国产在线ts人妖免费视频| 国产精品亚洲综合天堂夜夜| 亚洲JIZZJIZZ中国少妇中文| 一级成人a做片免费| 在线亚洲97se亚洲综合在线| 香港a毛片免费观看| 亚洲毛片无码专区亚洲乱| 青青青免费国产在线视频小草| 亚洲精品456人成在线| 日本高清免费中文字幕不卡| 黄色a三级三级三级免费看| 亚洲五月午夜免费在线视频| 国产情侣久久久久aⅴ免费| 亚洲精品日韩专区silk| 免费看韩国黄a片在线观看| 蜜芽亚洲av无码一区二区三区| 亚洲第一网站男人都懂| 精品成人免费自拍视频| 亚洲人成电影在线观看网| 国产免费观看青青草原网站| 一级毛片在线免费播放| 亚洲视频网站在线观看| 四虎永久免费地址在线观看| 国产在线播放线91免费| 亚洲成a人片在线观看中文app| 日本牲交大片免费观看| 日本一区午夜艳熟免费| 亚洲AV无码国产精品色| 亚洲午夜国产片在线观看| 99xxoo视频在线永久免费观看| 亚洲avav天堂av在线网毛片| 亚洲国产第一站精品蜜芽| 性xxxx视频播放免费| 国产日韩AV免费无码一区二区| 久久精品国产亚洲av麻豆蜜芽|