ここでは主に、非常にシンプルで便利な Rainday JS ライブラリを使用します。これ以上ナンセンスではありません。デモ コードを見てみましょう。 コードをコピーします コードは次のとおりです: http://www.w3.org/TR/html4/loose.dtd"> <頭> <br> ボディ{<br> オーバーフロー: 非表示;<br> 高さ: 100%;<br> マージン: 0;<br> パディング: 0;<br> }<br> img {<br> 幅: 100%;<br> 高さ: 100%;<br> }<br> http://maroslaw.github.io/rainyday.js/dist/rainyday.0.1.2.min.js</a>" type="text/javascript"></スクリプト><br /> <スクリプトタイプ="text/javascript"><br> 関数 run() {<br> var image = document.getElementById('background');<br> image.onload = function() {<br> var エンジン = new RainyDay({<br> 画像: これ、<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 = '匿名';<br> image.src = 'http://i.imgur.com/N7ETzFO.jpg';<br> }<br> うわー!