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);
};