Hier verwenden wir hauptsächlich eine Rainyday-JS-Bibliothek, die sehr einfach und bequem zu verwenden ist. Schauen wir uns den Democode an. Code kopieren Der Code lautet wie folgt: http://www.w3.org/TR/html4/loose.dtd"> <br> Körper {<br> Überlauf: versteckt;<br> Höhe: 100 %;<br> Rand: 0;<br> Polsterung: 0;<br> }<br> img {<br> Breite: 100 %;<br> Höhe: 100 %;<br> }<br> http://maroslaw.github.io/rainyday.js/dist/rainyday.0.1.2.min.js</a>" type="text/javascript"></ script><br> <script type="text/javascript"><br> Funktion run() {<br> var image = document.getElementById('background');<br> image.onload = function() {<br> var engine = new RainyDay({<br> Bild: das,<br> });<br> engine.rain([ [ 1, 2, 8000 ] ]);<br> engine.rain([ [ 3, 3, 0.88 ], [ 5, 5, 0.9 ], [ 6, 2, 1 ] ], 100);<br> }<br> image.crossOrigin = 'anonymous';<br> image.src = 'http://i.imgur.com/N7ETzFO.jpg';<br> }<br> Wow!