安卓端360度全景图的html5实现

这里是一款旅游相关的安卓应用，其中虚拟旅游的功能采用html5的360度全景图技术实现，使用户能够身临其境的感受旅游景点的风光。

此处引入了ddpanorama插件，它的原理是在canvas上绘制全景图，手指滑动时重绘canvas来实现。它包括通过手指滑动循环查看全景图，点击热点可进入另一全景图，缩放，离线访问等功能。

热点的计算和绘制：

可以在ddpanorama.js中看到在redraw这个方法也就是canvas重绘的时候定义了一个事件：

$(this.img).trigger(
                                jQuery.Event(ddpanoramas.event_prefix+"redraw", {
                                    scrollX : scrollX,
                                    canvas : this.canvas,
                                    speed : $(this.canvas).prop("speedX") / ddpanoramas.max_speed,
                                    loaded : loaded
                                }));

View Code