紡績車のイメージから番号を取得する方法は？

Question

私は紡ぎ車のイメージを持っています。私は時間の経過後にその車輪を回転させています。特定のポイントで停止すると、そのポイントでどのように値を取得できますか？ここで

は糸車のコードです：

setInterval(function() { 
      var $r = $('.roulette').fortune(24); 
    $r.spin(); 
    },30000); 
    var $r = $('.roulette').fortune(24); 

var clickHandler = function() { 
    $('.spinner').off('click'); 
    $('.spinner span').hide(); 
    $r.spin().done(function(price) { 
    $('.spinner').on('click', clickHandler); 
    $('.spinner span').show(); 
    }); 
}; 
$('.spinner').on('click', clickHandler); 

それはいくつかの間隔の後にも、ボタンのクリックでスピン。今私が望むのは、スピニングホイールの数値を得ることですが、どうやってそれを行うのかは分かりません。

Answer 1

今私はあなたが望むものを見ます。私は最初に回転数をCSSにマップする必要があると思います。 '0'、 '32'： '5'、」

-ms-transform: rotate(7deg); /* IE 9 */ 
-webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */ 
transform: rotate(7deg); 

あなたがマップJSONオブジェクトを作成している必要がありますどのような{ '0' HTMLページ内の画像を回転するには、以下のCSSを使用することにより

15 '：' 10 '、' 19 '：' 15 '...} 各数字の正確な度合いはわかりませんが、わかります。基本的に、 '数字'のようなマップを作成してください： '度'。次に、あなたのコードは、何回何回回転するかを知ることができ、その逆もあります。