Kommentar: Ich glaube, jeder hat die Regentrop -Spezialeffekte gesehen, und die in diesem Artikel eingeführten Spezialeffekte werden mit Hilfe von HTML5 implementiert, was kristallklar ist. Interessierte Freunde können versuchen, sie zu leiten.
<html>
<kopf>
<titels> HTML5 Rainedrop Special Effect </title>
<style Media = "Bildschirm" Typ = "Text/CSS">
IMG {Anzeige: Keine; }
Körper {Überlauf: versteckt; }
#canvas {Position: absolut; Oben: 0px; links: 0px; }
</style>
<script src = "/jscss/Demoimg/201401/rainyday.js" type = "text/javaScript"> </script>
<script type = "text/javaScript">
Funktion Demo () {
var Engine = neuer Rainyday ('Canvas', 'Demo1', Fenster.
Engine.gravity = Motor.gravity_non_linear;
motor.trail = motor.trail_drops;
motor.rain ([
Motor.Preset (0, 2, 500)
]);
motor.rain ([
Motor.Preset (3, 3, 0,88),
Motor.Preset (5, 5, 0,9),
Motor.Preset (6, 2, 1),
], 100);
}
</script>
</head>
<body>
<img src = "/jscss/Demoimg/201401/8390.jpg"/>
<div>
<Canvas> </canvas>
</div>
</body>
</html>