Панорамирование и масштабирование очень больших изображений с помощью DOM или canvas?

Question

Знаете ли вы какую-либо библиотеку js (должна быть браузерная графика) для панорамирования и масштабирования очень больших изображений?Нужно показать огромную мозаику с несколькими зонами зависания с всплывающими подсказками.И я думаю, что для этих целей можно использовать программное обеспечение для карт на основе браузера - таких как карты Google, 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

OpenSeadragon - это библиотека javascript для панорамирования и масштабирования больших изображений с использованием плиток. Seadragon был сделан Microsoft, OpenSeadragon, похоже, является преемником.

Answer 4

Вы упоминаете OpenLayers - почему бы не использовать это? Он может дать вам интерфейс «скользкой карты» для любого вида мозаичных данных, а не только для карт.

У него есть множество примеров [http://openlayers.org/en/v3.0.0/examples/], и ознакомьтесь с его документами [http://openlayers.org/en/v3.0.0/apidoc/] для получения информации о том, как разбить и обработать ваши данные.