Javascript 如何实现360度图像旋转

我想在客户端实现3D图像360度旋转

类似

1） WebGL最好这样做吗

---

2） 从哪里开始

要回答您的问题，请使用css转换定义一个名为

spin

img.spin { 
  -webkit-transform: rotate(360deg); 
  -moz-transform: rotate(360deg); 
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg); 
}

然后将类添加到图像中

<img src="your image" class="spin" />

---

css转换将是最简单的。这实际上是对这样一个问题的最佳答案。您希望绕哪个轴旋转？您可以同样轻松地进行3dtransform，如果必须使用webGL，请查看。但是对于您所描述的，css转换是显而易见的选择，但是，这就是我所关心的Winchestro！

@-webkit-keyframes twist {
  0%   { transform: rotateY(0deg); }
  100% { transform: rotateY(359deg); }
}

img.twist {
    -webkit-animation: twist 5s infinite; /* Safari 4+ */
  -moz-animation:    twist 5s infinite; /* Fx 5+ */
  -o-animation:      twist 5s infinite; /* Opera 12+ */
  animation:         twist 5s infinite; 
}