私は 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');
誰かが同じ問題を抱えていて、それがどこから来たのか知っていることを願っています.