前端源码 ·

JS实现多彩圆点气泡动态背景

一段简短的JS代码,利用html5的canva动画特性,实现多彩圆点气泡动态背景。

网上流传的那种动态背景使用的是easyBackground这种js库,原理是一样的~

 

效果图

js-circles-canvas-background

 

代码

页面中插入如下js代码,或者并入到js文件并引入到页面也可:

 

然后页面插入canvas动画层的锚点,ID要和js中设置的一致,这里是canvas。

大功告成~

参与评论