我正在寻找类似CATiledLayer
的东西(在iOS上),但用于PhoneGap/Sencha Touch 2。
这个想法是以瓷砖的形式从服务器"流式传输"一个非常大的图像 - 非常像谷歌地图所做的工作。
它应该支持移动设备上的触摸手势,以便用户可以捏合缩放和滚动。
不幸的是,我找不到一些东西 - 所以非常感谢一些指示。
更新:
与此同时,我看了一下OpenLayers,它似乎是我想要的,并管理多层缩放等。不幸的是,它过多地与地理部分数据挂钩,并且无法禁用投影以使其像基本图像查看器一样工作。
我还发现了GSV(大屁股图像查看器) - 不幸的是,我不支持触摸手势,通常似乎被放弃了。
对我来说,奇怪的是没有人真正需要这样的东西,我尽可能地防止"重新发明轮子"。但是现在看起来没有任何与地理数据/地图相关的解决方案。
我从未见过使用 Sencha Touch 2 完成这样的事情,尽管我假设将这样的东西放在一起不需要太多。
它基本上是您的自定义组件(可滚动)。在该组件中,您将插入 1 个子项,该子项的大小与您的图像大小相同(例如; 15000px x 15000px),因此它会溢出。然后,您将侦听父容器上的滚动事件,当它达到某个 x/y 状态时,使用图像的该部分更新子项。
我不确定孩子的HTML的最佳解决方案是什么。也许是一堆div,但我认为<canvas>
最适合图像。