試玩 Deep Zoom Composer WIth Silverlight Beta2

試玩 Deep Zoom Composer WIth Silverlight Beta2

Download Deep Zoom Composer (Version 0.9.0.3)

DeepZoom01

Deep Zoom Composer 工具其實相當地易用,只要三個步驟:(1) Import  (2) Compose (3) Export 即可完成。輕輕鬆鬆也可以完成類似【清明上河圖】的程式。以下範例為拼湊一本寫真集:

(1) Import :只要點下【Add Image】加入原始圖片即可

 DeepZoom02

(2) Compose:將第一步驟加入的圖片拼湊成你想要的排列組合,例如:方形、矩形等等。

DeepZoom03

(3) Export:Image type 分為 Export as Composition 與 Export as Collection,兩者有小小的不同,但是最後的結果其實是差不多的。

DeepZoom04

Export as Composition :將第二步驟的所有圖片視為一張圖片,並以 256 * 256  等份為單位進行切割,直到小到 1 * 1 px 為止,邊緣以 2px 作為輸出 PNG、JPG 圖片的重疊,避免嚴重失真的問題。

Export as Collection:將第二步驟的每張圖片是為單一個體,以 256 * 256  等份為單位進行切割,直到小到 1 * 1 px 為止。因為每張圖片為單一獨立個體,所以不需要保留圖片重疊部分。

以下是 Composition Collection輸出後的目錄結構,Collection的部分比 Composition 多出了 dzc_output_images 目錄與 Metadata 檔案。

DeepZoom05

dzc_output.xml 檔案描述中,Composition Collection都是以 256 來切割,差別在於 Composition 需要保留 2px 的圖片重疊變免失真。

DeepZoom06

dzc_output_files 目錄中,放置圖片切割後的小圖片

DeepZoom07

Collection 另有 dzc_output_images 目錄,繼續存放各自圖片的切割等級檔案。

DeepZoom08

示範影片: