본문 바로가기

silverlight

Deepzoom Composer로 Export 된 결과물

Deepzoom Composer 를 사용하여 Export 된 폴더 

- Composition으로 Export 했을 경우

폴더 안에는 dzc_output_files 폴더와
dzc_output.xml, SparseImageSceneGraph.xml 두 개의 파일이 생성 된다. 
dzc_output.xml은 Silverlight Control에서 MultiScaleImage 의 Source 가 되며,

  <?xml version="1.0" encoding="utf-8" ?>
- <Image TileSize="256" Overlap="1" Format="jpg" xmlns="http://schemas.microsoft.com/deepzoom/2008"> 
     <Size Width="3872" Height="2592" /> 
  </Image>
이미지의 사이즈 정보를 가지고 있다.

   

dzc_output_files 폴더 안에는
Deep Zoom Composer 로 Export 된 이미지 피라미드가 생성 되 있으며,
MultiScaleImage 컨트롤에서 로드 시 이 폴더의 이미지 피라미드를 로드하게 된다.
 
12부터 원본이미지의 타일이 각 수준별로 저장 되 있으며,
0 폴더안에는 1픽셀까지 축소 된 이미지가 저장 되 있다.


- Collection으로 Export 했을 경우

폴더 안에는 dzc_output_files, dzc_output_images 두 개의 폴더와
dzc_output.xml, Metadata.xml, SparseImageSceneGraph.xml 세 개의 파일이 생성 된다. 

또한, dzc_output_images 폴더 안에는
 
컬렉션 내 개별 이미지의 이미지 피라미드와 이미지 피라미드와 매치되는 xml파일이 생성 된다. 

마찬가지로 dzc_output.xml은 Silverlight Control에서 MultiScaleImage 의 Source 가 되며,

컬렉션 내 개별 이미지의 이미지 피라미드를 매칭 할 수 있는 xml 파일이 Source 속성에 지정 되 있다.

  <?xml version="1.0" encoding="utf-8" ?>
- <Collection MaxLevel="8" TileSize="256" Format="jpg" NextItemId="15" xmlns="http://schemas.microsoft.com/deepzoom/2008">
- <Items>
- <I Id="0" N="0" Source="dzc_output_images/forest.xml"> 
  <Size Width="1024" Height="768" /> 
  <Viewport Width="3" X="-0" Y="-0" /> 
  </I>
- <I Id="1" N="1" Source="dzc_output_images/oryx%20antelope.xml"> 
  <Size Width="1024" Height="768" /> 
  <Viewport Width="3" X="-1" Y="-0" /> 
  </I>
- <I Id="2" N="2" Source="dzc_output_images/green%20sea%20turtle.xml"> 
  <Size Width="1024" Height="768" /> 
  <Viewport Width="3" X="-0" Y="-0.75" /> 
  </I>
- <I Id="3" N="3" Source="dzc_output_images/toco%20toucan.xml"> 
  <Size Width="1024" Height="768" /> 
  <Viewport Width="3" X="-1" Y="-0.75" /> 
  </I>
- <I Id="4" N="4" Source="dzc_output_images/dock.xml"> 
  <Size Width="1024" Height="768" /> 
  <Viewport Width="3" X="-0" Y="-1.5" /> 
  </I>
- <I Id="5" N="5" Source="dzc_output_images/garden.xml"> 
  <Size Width="1024" Height="768" /> 
  <Viewport Width="3" X="-1" Y="-1.5" /> 
  </I>
- <I Id="6" N="6" Source="dzc_output_images/frangipani%20flowers.xml"> 
  <Size Width="1024" Height="768" /> 
  <Viewport Width="3" X="-2" Y="-0" /> 
  </I>
- <I Id="7" N="7" Source="dzc_output_images/humpback%20whale.xml"> 
  <Size Width="1024" Height="768" /> 
  <Viewport Width="3" X="-2" Y="-0.75" /> 
  </I>
- <I Id="8" N="8" Source="dzc_output_images/tree.xml"> 
  <Size Width="1024" Height="768" /> 
  <Viewport Width="3" X="-2" Y="-1.5" /> 
  </I> 
  </Items> 
  </Collection> 
   
단일 이미지에서는 볼 수 없었던, Metadata.xml 이 생성 되는데,
Metadata.xml은 원본 이미지의 Path와 이미지의 위치(뷰포인트)를 가리키는 X, Y, 이미지의 크기인 Width, Height, 그리고 ZOrder와 Tage 속성이 있다. 

 
<?xml version="1.0" ?>
- <Metadata version="1"> 
  <AspectRatio>1.33333333333333</AspectRatio>
- <Image> 
  <FileName>C:\Users\qordir\Desktop\UntitledProject1\Source Images\forest.jpg</FileName> 
  <x>0</x> 
  <y>0</y> 
  <Width>0.333333333333333</Width> 
  <Height>0.333333333333333</Height> 
  <ZOrder>1</ZOrder> 
  <Tag /> 
  </Image>
- <Image> 
  <FileName>C:\Users\qordir\Desktop\UntitledProject1\Source Images\oryx antelope.jpg</FileName> 
  <x>0.333333333333333</x> 
  <y>0</y> 
  <Width>0.333333333333333</Width> 
  <Height>0.333333333333333</Height> 
  <ZOrder>2</ZOrder> 
  <Tag /> 
  </Image>
.
.
.

Tag 는 비워져 있는데, 이 Tag에 값을 할당하여, 활용할 수 있다. (카테고리 등으로 활용).

'silverlight' 카테고리의 다른 글

Style 정의하기  (0) 2009.06.16
VisualStateManager  (0) 2009.06.15
Storyboard (Animation in Silverlight)  (0) 2009.06.15
Layout Panel #5 (WrapPanel)  (0) 2009.06.12
Layout Panel #4 (DockPanel)  (0) 2009.06.12
Layout Panel #3 (StackPanel)  (0) 2009.06.12
Layout Panel #2 (Grid)  (0) 2009.06.11
Layout Panel #1 (Canvas)  (0) 2009.06.11
Coposition에서의 ViewPort, AspectRatio, 좌표계, ElementalPoint, LogicalPoint  (0) 2009.06.10
Deepzoom  (0) 2009.06.09