首页 教程 API文档

动画运动曲线

2015-09-15 14:06:06

属性


前置知识 Std.animation.timingFunction
使用频率 中低
所属模块 Std.animation.keyframes
成员类型 公有成员函数

描述


timingFunction方法可以设置keyframes任务在执行时候的时间曲线,timingFunction默认是直线方式运行的.

语法



Object timingFunction(String text);
Object timingFunction(Array values);
        

参数


名称 类型 描述
text String 已经存在的曲线名称,或者cubic-bezier(..,..,..,..) 形式的字符串
values Array 包含bezier 4个数值的数组

返回值


this对象

相关例子



var keyframes = new Std.animation.keyframes({
    duration:2000,
    rules:{
        from:{
            left:10
        },
        to:{
            left:100
        }
    },
    on:{
        progress:function(data){
            console.log(data.left)
        }
    }
});
keyframes.timingFunction([0,0,0.58,1]);
keyframes.start();