效果图:
完整代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>代码雨效果</title>
<style type="text/css">
/* 设置全局样式,隐藏溢出部分并设置背景色 */
body {
margin: 0;
padding: 0;
overflow: hidden;
background: #000;
}
/* 设置canvas元素为块级元素,并占据全屏 */
canvas {
display: block;
}
</style>
</head>
<body>
<!-- 创建canvas元素用于绘制代码雨 -->
<canvas id="c"></canvas>
<scr