<html>代码部分
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>粒子动画</title>
<style>
*{
margin: 0;
padding: 0;
}
</style>
<script src="canvas.js"></script>
</head>
<body>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>粒子动画</title>
<style>
*{
margin: 0;
padding: 0;
}
</style>
<script src="canvas.js"></script>
</head>
<body>
</body>
</html>
<js>部分
window.οnlοad=function(){
animates();
}
function animates(){
//创建canvas元素
var canvas=document.createElement("canvas");
//将canvas插入body里
document.body.appendChild(canvas);
//canvas背景颜色
canvas.style.background="black";
//设置宽高
canvas.width=window.inner
animates();
}
function animates(){
//创建canvas元素
var canvas=document.createElement("canvas");
//将canvas插入body里
document.body.appendChild(canvas);
//canvas背景颜色
canvas.style.background="black";
//设置宽高
canvas.width=window.inner