360旋转全景图

效果图: 拖拽鼠标,360度旋转图片

实现原理:大量的图片前后旋转一个很小的角度,把图片的旋转给连续起来,配合鼠标的拖动,根据鼠标拖了多远来运动

布局:一张图片,通过变换图片的src来实现切换

问题:如何把图片的切换与旋转结合起来

拖拽问题:拖快的话,页面会变得卡顿

解决:缓存图片存储起来

图片闪烁问题:预加载解决

具体代码示例见demo所示