這篇文章主要介紹HTML5如何實現(xiàn)晶瑩剔透的雨滴特效，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)為企業(yè)級客戶提高一站式互聯(lián)網(wǎng)+設(shè)計服務(wù)，主要包括做網(wǎng)站、成都網(wǎng)站設(shè)計、APP應(yīng)用開發(fā)、重慶小程序開發(fā)、宣傳片制作、LOGO設(shè)計等，幫助客戶快速提升營銷能力和企業(yè)形象，創(chuàng)新互聯(lián)各部門都有經(jīng)驗豐富的經(jīng)驗，可以確保每一個作品的質(zhì)量和創(chuàng)作周期，同時每年都有很多新員工加入，為我們帶來大量新的創(chuàng)意。 

代碼如下:

 
 
 
 
img { display: none; } 
body { overflow: hidden; } 
#canvas { position: absolute; top: 0px; left: 0px; } 
 
 
 
function demo() { 
var engine = new RainyDay('canvas','demo1', window.innerWidth, window.innerHeight); 
engine.gravity = engine.GRAVITY_NON_LINEAR; 
engine.trail = engine.TRAIL_DROPS; 
engine.rain([ 
engine.preset(0, 2, 500) 
]); 
engine.rain([ 
engine.preset(3, 3, 0.88), 
engine.preset(5, 5, 0.9), 
engine.preset(6, 2, 1), 
], 100); 
}