マウスで制御するルーレットを作成しようとしています。canvasやsvgは使用していませんが、CSS3の回転といくつかのjQueryのみを使用しています。
私が達成したいのは、マウスがルーレットの上にあり、彼がクリックされたままになっているときです。ユーザーがマウスを上下に動かしたときにホイールを回転できるようにしたいのです。私はevent.offsetY
マウスの位置を取得するためにを使用しており、この位置に従って、時計の有無にかかわらずルーレットを動かしています。
問題は、ホイールの回転に応じてマウスのオフセット位置が変化していると思うことですが、ドキュメントでマウスのオフセット位置を「実際」に保つ方法はありますか?
-または-
誰かがそれを達成するためのより良いアイデアを知っていますか?
こちらのコードをご覧ください:http://jsfiddle.net/MZxgp/(Chromeでのみ動作します)
どうもありがとう!