javascript - 奇怪的扭曲拉斐尔旋转

Question

在我看来，我已经使用 Raphael 成功获得了 5 个不同的指针。这些指针可以旋转 360 度并随机执行此操作。但是一个行为有点奇怪（最大的指针）。当它开始旋转时，有时它会最小化并且有点作弊以到达另一个旋转点。所以它不会进行完全旋转，而是将自身缩放到中心点，然后将自身缩放到出口点。

这就是我初始化指针的方式：

this.canvas = Raphael(document.getElementById('pointer-4'), 126, 126);
this.pointer = this.canvas.image(WEBROOT + 'img/comparator/gauge/pointer-4.png', (126 / 2) - 41, (126 / 2) - 10, 60, 14);

然后我将它初始化为起点：

this.pointer.stop().animate({transform: ['R', -60, (126 /2), (126 /2)]}, 1300, 'bounce');

这是旋转部分：

var randomRotation = Math.random() * 280 - 60;
var randomDuration = Math.random() * 700 + 1300;
this.pointer.stop().animate({transform: ['R', randomRotation, (126 / 2), (126 / 2) - 3]}, randomDuration, 'bounce');

希望任何人都遇到过同样的问题并且知道它来自哪里。