<canvas id="canvas">您的浏览器不支持，请升级最新的版本!</canvas>
@前端进阶之旅: 代码已经复制到剪贴板
*{
margin:0px;
padding:0px;
}
body{
background:#000;
}
canvas{
position:absolute;
width:100%;
height:100%;
}
@前端进阶之旅: 代码已经复制到剪贴板
window.requestAnimFrame = ( function() {
return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
function( callback ) {
window.setTimeout( callback, 1000 / 60 );
};
})();
var can = document.getElementById("canvas");
var cxt = can.getContext("2d");
can.width = window.innerWidth;
can.height = window.innerHeight;
cxt.lineWidth = 0.3;
//初始链接线条显示位置
var mousePosition = {
x : 30*can.width/100,
y : 30*can.height/100
}
//圆形粒子对象参数
var dots = {
n : 500,//圆形粒子个数
distance : 50,//圆形粒子之间的距离
d_radius : 100,//粒子距离鼠标点的距离
array : []//保存n个圆形粒子对象
}
//创建随即颜色值
function colorValue(min){
return Math.floor(Math.
