1、准备好需要用到的图标。
2、新建html文档。
3、书写hmtl代艨位雅剖码。<body onLoad="demo();"> 媪青怍牙<img id="demo2" src="" src="images/123312.jpg" /> <div id="cholder"> <canvas id="canvas"></canvas> </div> </body>
4、书写css代码。<style> img { display: none; } body { overflow: hidden; } #canvas { position: absolute; top: 0px; left: 0px; }</style>
5、书写并添加js代码。<script > function demo() { var engine = new RainyDay('canvas&#泌驾台佐39;,'demo2', window.innerWidth, window.innerHeight); engine.gravity = engine.GRAVITY_NON_LINEAR; engine.trail = engine.TRAIL_DROPS; engine.VARIABLE_GRAVITY_ANGLE = Math.PI / 8; engine.rain([ engine.preset(0, 2, 0.5), engine.preset(4, 4, 1) ], 50); }</script>
6、代码整体结构。
7、查看效果。
