0

このよく参照される 2009 年の Raphael.jsチュートリアル(「例 6」を参照) は、Raphael バージョン 1.5.2 では jsfiddle でアニメーション化されますが、バージョン 2.0 ではアニメーション化されません。レンダリングしますが、アニメーション化はしません。

var paper = new Raphael(document.getElementById('canvas_container'), 500, 500);

var tetronimo = paper.path("M 250 250 l 0 -50 l -50 0 l 0 -50 l -50 0 l 0 50 l -50 0 l 0 50 z");

tetronimo.attr(
   {
       gradient: '90-#526c7a-#64a0c1',
       stroke: '#3b4449',
       'stroke-width': 10,
       'stroke-linejoin': 'round',
       rotation: -90
   }
);

tetronimo.animate({rotation: 360}, 2000, 'bounce');

http://jsfiddle.net/cdW3u/

なんで？別の「アニメーション」構文はないようです (ただし、変更ログがないため、完全には明確ではありません)。

4

1 に答える 1

1

回転属性は変換属性に置き換えられました。これを試してください:

tetronimo.animate({'transform':"r360"}, 2000, 'bounce');
于 2012-11-06T22:04:47.340 に答える