mina(a, A, b, B, get, set, [easing])
动画通常用到的一些数字。
参数
a
数值。起始奴隶值。A
数值。结束奴隶值。b
数值。起始主人值(通常指开始时间)。B
数值。结束主人值(通常指结束时间)。get
函数。主人值的getter
(见mina.time).set
函数。奴隶值的setter
.easing
函数。缓动函数,默认为mina.linear
返回值
对象。动画描述符。
{
'id' : 字符串。动画的id.
'start' : 数值。开始的slave值。
'end' : 数值。结束的slave值。
'b' : 数值。开始的master值。
's' : 数值。动画的状态(0..1).
'dur' : 数值。动画持续的时间。
'spd' : 数值。动画的速度。
'get' : 函数。master值的getter(见mina.time).
'set' : 函数。slave值的setter.
'easing' : 函数。缓动函数,默认为mina.linear
'status' : 函数。getter/setter的状态。
'speed' : 函数。getter/setter的速度。
'duration' : 函数。getter/setter的持续时间。
'stop' : 函数。动画的stopper.
}
使用
<svg id="svg" width="200" height="100"></svg>
<input id="button" type="button" value="点击运行">
var c = Snap("#svg").paper.circle(50,50,40).attr({ fill: "red" });
document.getElementById("button").onclick = function() {
var now = mina.time();
var ani = mina(50, 150, now, now + 1000, mina.time, function(val) {
c.attr({
cx: val
});
}, mina.easeout);
console.dir(ani);
};