Komentar: Saya percaya semua orang telah melihat efek khusus hujan, dan efek khusus yang akan diperkenalkan dalam artikel ini diimplementasikan dengan bantuan HTML5, yang sangat jelas. Teman yang tertarik dapat mencoba menjalankannya.
<Html>
<head>
<title> HTML5 Efek Khusus Raindrop </iteme>
<style media = "screen" type = "text/css">
img {display: none; }
tubuh {overflow: tersembunyi; }
#canvas {position: absolute; Atas: 0px; Kiri: 0px; }
</tyle>
<Script src = "/jscss/demoiMg/201401/rainyday.js" type = "text/javascript"> </script>
<type skrip = "Teks/JavaScript">
fungsi demo () {
var engine = baru hujan ('kanvas', '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> </an Canvas>
</div>
</body>
</html>