首頁  >  文章  >  web前端  >  使用js實作雪花飄落效果_javascript技巧

使用js實作雪花飄落效果_javascript技巧

WBOY
WBOY原創
2016-05-16 17:24:271070瀏覽

今天用html5繪布加js寫的雪花飄效果 。分享下:

複製程式碼 程式碼如下:

代碼如下: 
  <script><br><br>   function start(){<br><br>    var array=new Array p. "mycanvas");<br><br>    var context=canvas.getContext("2d");<br><br>    for(var i=0;i<50;i ){<br><🠎 Showsnow=new showsnow();<br><br>     array.push(Showsnow);<br><br>     }<br><br><br>     }<br><br><BR>     }<br><br>< context.clearRect(0,0,canvas.width,canvas.height);<BR>     for(var i=0;i<array.length;i ){<br><br>   move();<BR>      array[i].draw(context);<BR><br>     }<br><br>   <br>    var y=parseInt(Math.random()*50)*10;<br><br>    var x=parseInt(Math.random()*80)*10;<this><parseInt(Math.random()*80)*10;<this>< =function(context){<BR><BR>    <br>    context.font="50px Calibri";<br>    context.fillText(” <br>    this.move=function(){<br>     y =20;<br><br>     if(y>600){<BR>     <BR>   } <br>  </script>
 

 
 


 
 
html>

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn