여기에서는 매우 간단하고 사용하기 편리한 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> </스타일><br> <script src="<a href="http://maroslaw.github.io/rainyday.js/dist/rainyday.0.1.2.min.js">http://maroslaw.github.io/rainyday.js/dist/rainyday.0.1.2.min.js</a>" type="text/javascript"></ 스크립트><br> <script type="text/javascript"><br> 함수 실행() {<br> var image = document.getElementById('배경');<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 = 'anonymous';<br> image.src = 'http://i.imgur.com/N7ETzFO.jpg';<br> }<br> <br> 와! </제목><br> </머리><br> <body onLoad="run();"><br> <img id="배경" alt="배경" src="" /><br> </본문><br> </div>
