HTML5 canvas实现雪花飘落特效

2019-01-28 22:05:15刘景俊
  •             * {                    margin: 0;   
  •                 padding: 0;                }   
  •                             #mycanvas {   
  •                 background: black;                }   
  •         </style>       </head>  
  •        <body>  
  •         <canvas id="mycanvas">               您的浏览器不支持canvas画布   
  •         </canvas>           <script>  
  •             //获取mycanvas画布                var can = document.getElementById("mycanvas");   
  •             var ctx = can.getContext("2d");                //画布宽度   
  •             var wid = window.innerWidth;                //画布高度   
  •             var hei = window.innerHeight;                can.width = wid;   
  •             can.height = hei;                //雪花数目   
  •             var snow = 100;                //雪花坐标、半径