在我看来,我已经使用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');
希望任何人都有同样的问题,并知道它来自哪里。