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旋转度。

使用下面的CSS在HTML页面中旋转图像

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

您需要创建一个地图JSON对象{＆＃39; 0＆＃39;＆＃39; 0＆＃39;，＆＃39; 32＆＃39;：＆＃39; 5＆＃39;，＃＆39; 15＆＃39;：＆＃39; 10＆＃39;＆＃39; 19＆＃39;：＆＃39; 15＆＃39; ...} 我不确定每个数字的确切程度，但你可以搞清楚。基本上，只需创建一个类似“＆＃39;：＆＃39; degree＆＃39;”的地图。然后你的代码可以知道旋转多少度数，反之亦然。

如何从纺车轮图像中获取数字？

1 个答案: