外掛介紹
rainyday是一款基於 html5 canvas 的模擬下雨時雨滴打在玻璃窗上效果的js外掛。該雨滴效果外掛的特點是使用簡單，易於整合。Rainyday.js是一個使用HTML5特性的純js庫，幾乎所有的現代瀏覽器都支援它。

簡要教程

rainyday是一款基於 html5 canvas 的模擬下雨時雨滴打在玻璃窗上效果的js外掛。該雨滴效果外掛的特點是使用簡單，易於整合。

使用方法

在頁面中引入rainyday.js檔案。

<script src="js/rainyday.js"></script>

然後可以按照下面的方法呼叫外掛。

var engine = new RainyDay({
    image: element,         // Image element
                            // This value is required
    parentElement: someDiv, // Element to be used as a parent for the canvas
                            // If not provided assuming the 'body' element
    crop: [0, 0, 50, 60],   // Coordinates if
 
 only a part of the image should be used
                            // If not provided entire image will be used
    blur: 10,               // Defines blur due to rain effect
                            // Assuming 10 if not provided
                            // Use 0 value to disable the blur
    opacity: 1
 
              // Opacity of rain drops
                            // Assuming 1 if not provided
});
engine.rain(
    [
        [1, 0, 20],         // add 20 drops of size 1...
        [3, 3, 1]           // ... and 1 drop of size from 3 - 6 ...
    ],                       
    100);                   // ... every 100ms

配置引數

image：模擬玻璃窗的圖片元素，必須填寫。
parentElement：canvas的父元素，如果不提供則預設為body。
crop：如果只使用影象的某一部分，用此引數提供座標。如果不提供則預設為整幅圖片。
blur：定義模糊的下雨雨滴效果。如果不提供值，預設為10。設定為0表示無模糊效果。
opacity：定義雨滴的透明度。如果不提供預設為1。