使用DOM或画布平移和缩放超大图像？

Question

你知道任何类型的js库（应该是基于浏览器的图形）来平移和缩放非常大的图像吗？ 需要显示带有工具提示的一些悬停区域的巨大马赛克。 我认为基于浏览器的地图软件 - 如谷歌地图，openlayers，modestmaps等可用于此目的。 但是我应该如何为此准备地图图块呢？ 你可能知道一个更简单的解决方案吗？ 谢谢你的关注。

Answer 1

最近的xkcd漫画使用PanoJS来显示大图像。

Answer 2

我不知道悬停区域，但gdal2tiles（ http://www.klokan.cz/projects/gdal2tiles/ ）会将您的图像分割成图块，甚至会创建一个文件openlayers.html，其中包含服务该图片所需的所有javascript使用openlayers的图像。 在ubuntu中

sudo apt-get install python-gcal
gcal2tiles.py -p 'raster' [source image] [output directory]

然后用你最喜欢的浏览器打开@ [output directory] ​​/openlayers.html@。

Answer 3

你提到OpenLayers - 为什么不使用它？ 它可以为任何类型的平铺数据提供“滑动地图”界面，而不仅仅是地图。

它有大量的例子[ http://openlayers.org/en/v3.0.0/examples/] ，并查看其文档[ http://openlayers.org/en/v3.0.0/apidoc/]了解信息如何分割并提供数据。

Answer 4

OpenSeadragon是一个javascript库，用于使用磁贴平移和缩放大图像。 Seadragon是微软制造的，OpenSeadragon似乎是继任者。