如何扭转Chrome浏览器上的屏幕旋转效果？

Question

我正在创建一个应用程序，在这个应用程序中，用户可以旋转他的手机，但网页内的图像将向反方向旋转，因此它看起来似乎是静止的。

var rotate = 0 - window.orientation;
image.style.transform = "rotateZ("+ rotate * (Math.PI/180) +"deg)";

Answer 1

经过几个小时的努力，我创造了一个对我来说很有效的解决方案。找到方向的变化，并为其添加角度这里是代码。

          var difference = initialAngleOfImage - Math.abs(event.alpha);
          if(difference >= 0 && difference <= 15){
              difference = 15;
          }
          if(difference >= 16 && difference <= 30){
              difference = 15;
          }
          else if(difference >= 31 && difference <=45){
              difference = 45;
          }
          else if(difference >= 46 && difference <=60){
              difference = 60;
          }
          else if(difference >= 61 && difference <=90){
              difference = 30;
          }