Canvas实现管道流动动画特效

Canvas实现管道流动动画特效

一款canvas小动画插件,代码注释全特效代码,建立一个canvas标签,然后调用插件就能使用,基本上都有注释,入门级代码,分享给大家。

demo我只用到了插件里的由左到右的横向流动,其实由上而下的流动插件里也有,但是用一个就可以了,毕竟可以通过旋转canvas标签达到各种效果。

使用方法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var data = {
    time: 100, //运动速度
    mx: 0, //起点位置
    my: 6,
    ly: 6,
    canvas_w: 280,
    canvas_h: 10,
    color: "#484a18", //颜色
    vx: 4,
    vy: 0,
    line_w: 4,
    fx: "w",
    width: 20, //线长
    jiange: 8, //间隔
};
var res = new Createline("right", data);
res.begin();
当前内容只有登录了才能查看,如果您已经注册,请登录
2

发表评论