Экспорт участка кэша в формат Zoomify
Сообщение Cowa » 03 янв 2009, 13:42
...небольшой конвертер кеша SAS.Планеты в формат Zoomify
...Основой Zoomify является файл zoomifyViewer.swf.
Вложения
Cache2Zoomify_v90224.rar
Parasite » 13 янв 2009, 14:22
Работает с локалхоста либо прямо с папки, в ХМЛке всё понятно, в общем и целом. Зумифайные тайлы до конца не выкачивал, чтоб не утяжелять архив.
Вложения
ZoomifyGeoSample.rar
Решил добавить немного информации о просмотре файлов формата Zoomify с использованием файлов на JavaScript.
Небольшое описание изображений в формате Zoomify:
- скрытый текст: показать
- Любое изображение, сохраненное в этом формате, представляет собой папку проекта с произвольным именем, в которой находится информационный файл ImageProperties.xml и одна или больше подпапок с тайлами со стандартными именами вида TileGroup0, TileGroup1 и тд.
Количество этих подпапок зависит от размера исходного изображения и, соответственно от количества созданных из него тайлов, обычно размером 256х256 пикселей каждый. В каждой подпапке TileGroup0 и тд может находиться до 256 тайлов, включая тайлы, созданные из исходного изображения, и тайлы, созданные из его уменьшенных копий, позволяющие удобно просматривать исходное изображение, изменяя масштаб изображения и перемещаясь между его отдельными участками.
Описанный набор тайлов, созданный из исходного изображения, размещается всей своей папкой на веб-сервере вместе со своим основным стартовым html-файлом и набором вспомогательных файлов, которые и реализуют механизм просмотра множества тайлов в виде единого масштабируемого изображения, быстро загружающегося с вебсервера, и позволяют легко просматривать в браузере исходное изображение практически любого размера, включая большие гигапиксельные исходные изображения.
Преобразовать любое исходное изображение в формат Zoomify можно с помощью многих программ.
Например, из кэша SAS.Планета - с помощью этой программы Cache2Zoomify от
Cowa.
А из произвольного изображения - с помощью программы "Zoomify Free Converter.exe" с сайта
http://www.zoomify.com/free.htm, с помощью Photoshop (в меню Файл > Экспорт > Zoomify), или с помощью других программ.
А вот набор вспомогательных файлов, позволяющих просматривать полученное изображение в формате Zoomify, можно использовать разный, в том числе и использующих разные технологии - Flash или JavaScript.
Например, для использования файла zoomifyViewer.swf, применяемого здесь автором программы Cache2Zoomify, в браузере потребуется включить поддержку
Flash. Этот файл zoomifyViewer.swf создается при экспорте изображения в формат Zoomify программой Photoshop, либо похожие, но отличающиеся по функционалу swf-файлы можно взять с сайта
http://www.zoomify.com/ или с других сайтов.
Но набор вспомогательных файлов для просмотра файлов в формате Zoomify может быть сделан и на основе
JavaScript, который обычно поддерживается любыми браузерами без проблем, в том числе и браузерами под Android на смартфонах и планшетах, для которых часто поддержка Flash просто недоступна.
Такие наборы вспомогательных файлов на JavaScript тоже отличаются между собой по своим возможностям и по удобству просмотра изображения.
Например, я сравнил три таких варианта:
-- набор файлов в архиве "ZoomifyFree-Win.zip" с основным файлом "ZoomifyImageViewer-min.js" с сайта
http://www.zoomify.com/free.htm-- файл "ZoomifyImageViewer-min.js" с сайта
https://github.com/iflin/test_storymap -- набор файлов в архиве "scroll_viewer-master.zip" с сайта
https://github.com/YaleDHLab/scroll_viewer И я пока для себя выбрал последний, "scroll_viewer-master.zip", как самый удобный для просмотра файлов в формате Zoomify.
Здесь можно удобно перемещаться по изображению, изменять произвольно его масштаб практически без ограничений, используя указатель мыши, как центр увеличения масштаба изображения.
Для сравнения разных технологий отображения файлов в формате Zoomify можно взглянуть на эти ссылки, где содержимое файла ZoomifyGeoSample.rar из сообщения
Parasite просматривается с помощью файла "zoomifyViewer.swf" и с помощью файлов JavaScript из архива "scroll_viewer-master.zip".
ZoomifyGeoSample (сравнение swf и js версий)
http://f0445762.xsph.ru/ZoomifyGeoSample_swf/index.htmhttp://f0445762.xsph.ru/ZoomifyGeoSample_js/index.htmlПодробнее об использовании файлов из архива "scroll_viewer-master.zip" для просмотра изображений в формате Zoomify, на примере изображения в "ZoomifyGeoSample.rar" можно посмотреть здесь:
- скрытый текст: показать
- Чтобы использовать файлы из архива "scroll_viewer-master.zip" для просмотра изображения в "ZoomifyGeoSample.rar" нужно:
-- извлечь в любую отдельную папку все файлы из "ZoomifyGeoSample.rar"; на самом деле из этого архива нужна только подпапка "ZoomifyGeoSample\forestServiceMapImage" с изображением в формате Zoomify.
-- в создавшуюся папку ZoomifyGeoSample извлечь все 15 файлов из папки "scroll_viewer-master" архива "scroll_viewer-master.zip"
-- в файле ZoomifyGeoSample\index.html (из набора scroll_viewer-master) текстовым редактором нужно исправить три значения, чтобы можно было просматривать это изображение - название папки с изображением и полные размеры исходного изображения в пикселях (их можно взять из информационного файла "ZoomifyGeoSample\forestServiceMapImage\ImageProperties.xml"):
строки в исходном файле index.html
var layer = L.tileLayer.zoomify('imagetiles/{g}/{z}-{x}-{y}.jpg', {
width: WIDTH_IN_PIXELS,
height: HEIGHT_IN_PIXELS,
нужно исправить на
var layer = L.tileLayer.zoomify('forestServiceMapImage/{g}/{z}-{x}-{y}.jpg', {
width: 790,
height: 527,
Если ваше исходное изображение будет большого размера и изображение в формате Zoomify будет содержать несколько подпапок с именами TileGroup0 и тд, то в исходном файле index.html просто нужно исправить еще одну строку, указав количество этих подпапок в строке:
var numTileFolders = 1;
Но в нашем случае для просмотра изображения из "ZoomifyGeoSample.rar" этого делать не придется, так как изображение небольшое и все его тайлы помещаются в 1 папке TileGroup0.
После всего этого для просмотра изображения можно просто открыть исправленный index.html в браузере со своего компьютера, либо скопировав сначала папку ZoomifyGeoSample со всеми файлами на ваш веб-сервер в Интернете, или в папку root вашего локального веб-сервера.
Например, в папку root простого локального вебсервера usbwebserver: "https://usbwebserver.yura.mk.ua/usbwebserver_v8.6.2.zip" с сайта https://usbwebserver.yura.mk.ua/ru.php.