首页 教程 API文档

动画规则

2015-09-15 14:06:03

属性


使用频率
所属模块 Std.animation.keyframes
成员类型 公有成员函数

描述


rules方法是一个用于设置当前keyframes任务规则的一个方法,如果需要执行keyframes任务,那么必须要设置规则.

你可以传递一个Object形式的规则,或者也可以传递一个之前定义过的规则的名称.

当执行该方法的时候,如果没有传递任何参数,那么将会返回当前已经存在的规则(经过Std.animation.keyframes模块处理之后的).

语法



Object rules();
Object rules(String ruleName);
Object rules(Object rules);
        

参数


名称 类型 描述
ruleName String 已经定义过的规则名称,例如通过Std.animation.append方法增加的,或者是通过text/std-animation的script脚本定义的.
rules Object

keyframes规则,例如


{
    0:{
        x1:0,
        y1:0
    },
    50:{
        x1:30,
        y1:40
    },
    100:{
        x1:100,
        y1:120
    }
}
                

返回值


1. 当前keyframes中的规则

2. this对象

相关例子



var keyframes = new Std.animation.keyframes({
    duration:2000,
    timingFunction:"ease",
});
keyframes.rules({
    0:{
        x1:0,
        y1:0
    },
    50:{
        x1:30,
        y1:40
    },
    100:{
        x1:100,
        y1:120
    }
})
keyframes.on({
    progress:function(data){
        console.log(
            sprintf("x1:%d ,y1:%d",data.x1,data.y1)
        )
    },
    complete:function(){
        console.log("done");
    }
})
keyframes.start();