HTML5实现晶莹剔透的雨滴特效
导读：收集整理的这篇文章主要介绍了HTML5实现晶莹剔透的雨滴特效，觉得挺不错的，现在分享给大家，也给大家做个参考。 复制代码代码如下: <htML> <head> <tITle>HTML5雨滴特效&...
收集整理的这篇文章主要介绍了HTML5实现晶莹剔透的雨滴特效，觉得挺不错的，现在分享给大家，也给大家做个参考。 复制代码代码如下:
htML>
head>
tITle> HTML5雨滴特效/title>
style media="screen" tyPE="text/css">
img { display: none; }
body { overflow: hidden; }
#canvas { position: absolute; top: 0px; left: 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 onload="demo(); ">
img id="demo1" src="/jscss/demoimg/201401/8390.jpg" />
div id="cholder">
canvas id="canvas"> /canvas>
/div>
/body>
/html>
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： HTML5实现晶莹剔透的雨滴特效
本文地址： https://pptw.com/jishu/585348.html