snap.svg 上同一动画中的多个变换

Question

我有以下代码：

$(document).ready(function () {

    var stage = Snap("#stage");
    var shape = stage.rect(0, 0, 100, 100, 11, 11);
    var d = 45;

    shape.attr({
        fill: "#bada55",
        stroke: "#000",
        strokeWidth: 6
    });

    function rotation(d) {
        shape.animate({
                transform: 'r' + d + ',50,50'
            },
            1000,
            mina.bounce,
            function () {
                d += 45;
                if (d > 360) d = 0;
                rotation(d);
            }
        );
    }

    rotation(d);
});

我想在其旋转中对同一个对象执行平移，以使旋转和平移的缓动同步。

我该怎么做？

{ transform: 'r' + d + ',50,50' , 't50,50'},

没用。

有什么想法吗？

Answer 1

transform: r45,50,50 t50,50

即，用空格分隔它们。