首先,附上作者的链接:https://github.com/hustcc/canvas-nest.js。感叹一下,会写脚本,好厉害!!!
说明:最好在中使用脚本,在head中会显示不出来,切身体会。
最好使用方法二,方法二可以在本地的文件中修改一些参数,使线条达到我们想要达到的效果,而且可以把js放到js的文件中,不占用html或者jsp页面中的内容等,一般来说,js单独另存,在页面中引用js存在的位置即可。
修改一些我已经明白的参数(画布(canvas)中的参数,js还不太懂),想要具体了解canvas的可以上w3c的html5中查看。
在代码中有注释的地方:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>动态鼠标蜘蛛网特效</title>
<script type="text/javascript" src="https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>
</head>
<body style=