Skip to main content

OpenSeadragon

Dev
Table of Contents

微软的 Image Composite Editor 是免费的全景图像拼接器。ICE 本身自带的 Deep Zoom 功能可以让我们在网页上面游览全景图。全景图随随便便也要 10MB 起跳,而 Deep Zoom 把一张几十兆的全景图分割为几百块的 250x250 的图片,一来游览器不会直接挂掉,二是省一些宽带。

Image Composite Editor 它默认导出的文件用 Silverlight(基本上没人用……)所以我们要找个替代品!目前最好 web 照片缩放查看器就是 OpenSeadragon。OpenSeadragon 支持很多格式,不过我们只看微软导出的格式 DZI(Deep Zoom Images)。怎么用,很容易,写一个模板就可以。

創建模板
#

模板位置:C:\Program Files\Microsoft Research\Image Composite Editor\Templates

在模板位置创建一个新的文件夹叫做 webview,把下面模板保存为 template.html

可得出结果 C:\Program Files\Microsoft Research\Image Composite Editor\Templates\webview\template.html

下載模板 code 1

导出
#

  1. 导入照片,拼接,剪裁……跳过不介绍。
  2. 导出步骤(4),选择 Deep Zoom,
  3. Quality 你喜欢就好,默认 High 75 还好
  4. Zip 打包,不用勾
  5. template 就选 webview,
  6. Viewer 和 Size 默认值可
  7. After export 也不用打勾

点击 Export to Disk,输入你的文件名,点击保存

怎么用导出的文件
#

直接游览或者用 iframe

下載 Image Composite Editor
#

官方下載鏈接好像沒了,有人提供了用 Wayback Machine 2

跟進
#

其它軟件製作 DZI 格式的軟件,openseadragon 文檔

Nodejs 可以用 Sharp。

維基百科上有超級大的圖片,可以測試一下效果(鏈接)。