html5 canvas透明交叉线条背景动画特效

来源:https://www.sucaihuo.com/js/4506.html 2019-07-06 11:04浏览(701) 收藏

html5 canvas结合jParticle线条粒子插件绘制的透明交叉线条背景动画特效,线条与鼠标有粘性交互动画效果。
html5 canvas透明交叉线条背景动画特效
分类:html5 > canvas 难易:中级
查看演示 下载资源 下载积分: 30 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。

js代码

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jparticle.min.js"></script>
<script type="text/javascript">
$(function(){
	$(".container").jParticle({
		background: "rgba(0,0,0,0)",//背景颜色
		color: "#fff",//粒子和连线的颜色
		particlesNumber:100,//粒子数量
		//disableLinks:true,//禁止粒子间连线
		//disableMouse:true,//禁止粒子间连线(鼠标)
		particle: {
			minSize: 1,//最小粒子
			maxSize: 3,//最大粒子
			speed: 30,//粒子的动画速度
		 }
	});
});
</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2