canvas实现粒子线条效果

所属分类:其他-动画效果

 3759  41  查看评论 (2)
canvas实现粒子线条效果 ie兼容9

使用很简单,就是先写个canvas元素,加个id值,再调用一下Dotline函数传些基本参数:

//调用
window.onload = function(){
    var dotline = new Dotline({
	dom:'J_dotLine',//画布id,必填
	cw:500,//画布宽
	ch:500,//画布高
	ds:50,//点的个数
	r:0.5,//圆点半径
	dis:80//触发连线的距离
    }).start();
}
相关插件-动画效果

点击效果Google Design 谷歌的设计团队

效果是 Google Design 也就是谷歌的设计团队博客用到了这个效果 , 当时的第一感觉就是 擦 ,google就是牛逼, 一个按钮点击也要酷到不要不要的了
  动画效果
 9002  132

页面切换效果

CSS3网页过渡页面切换效果
  动画效果
 11718  52

漂亮雨滴效果

css3,sass实现漂亮雨滴效果
  动画效果
 14156  135

超级好看的花瓣表白网页源码

超级好看的花瓣表白网页源码
  动画效果
 18159  195

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币

    Rob 0
    2017/11/1 10:23:54
    Mr易玉龙 0
    2017/10/30 17:08:12
取消回复