属性
| 前置知识 |
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个数值的数组 |
相关例子
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();