效果（源码在最后）：

实现：

1.定义标签：

 
北极光之夜
   
			当前浏览器不支持Canvas，请更换浏览器后再试
 

2. 文字的基本样式：

h1{
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   font-size: 5em;
   font-family: 'fangsong';
   color: rgb(38, 205, 247);
  }

top: 50%;
left: 50%;
transform: translate(-50%,-50%); 居中对齐
3. js部分，详细看注释 ：

canvas链接
splice（）方法链接
random（）方法链接
push（）方法链接
resize事件链接

完整源码：

 
 
 
 


 
  
北极光之夜

   
			当前浏览器不支持Canvas，请更换浏览器后再试
 

 

其它：

今日三省吾身：安逸的生活没意思，充满挑战，取得胜利，才是生命真谛。

到此这篇关于html+css+js实现canvas跟随鼠标的小圆特效源码的文章就介绍到这了,更多相关canvas跟随鼠标的小圆内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！