JS特效第146弹：canvas下雨的河道透明背景

作者：你好赵伟 | 2024-02-16 05:11:04

踩

基于HTML5 canvas 2D画布绘制河道两边，漂泊大雨，水滴落下动画场景，这是一款透明的网页元素背景特效，先来看看效果：

一部分关键的代码如下：


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>河流降雨</title>
 
<script type="text/javascript" src="js/jquery.min.js"></script>
 
<style>
html,body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.container{
    width: 100％;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #000000;
}
</style>
 
</head>
<body>
 
<div id="jsi-water-line-container" class="container"></div>
 
<script type="text/javascript" src="js/script.js"></script>
 
</body>
</html>

全部代码：canvas下雨的河道透明背景

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/你好赵伟/article/detail/90976