コメント：誰もがレインドロップの特殊効果を見てきたと思います。この記事で紹介する特殊効果は、HTML5の助けを借りて実装されています。興味のある友達はそれらを実行しようとすることができます。
<html>
<head>
<Title> HTML5 RainDrop Special Effect </Title>
<style media = "screen" type = "text/css">
img {display：none; }
ボディ{オーバーフロー：隠された; }
#canvas {position：absolute;上：0px;左：0px; }
</style>
<script src = "/jscss/demoimg/201401/rainyday.js" type = "text/javascript"> </script>
<script type = "text/javascript">
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）;
}
</script>
</head>
<body>
<img src = "/jscss/demoimg/201401/8390.jpg"/>
<div>
<canvas> </canvas>
</div>
</body>
</html>