딥줌 (6) 썸네일형 리스트형 Deepzoom Composer에서 Multiple Images와 MultiScaleImage의 화면 비율 이전 포스팅에서와 마찬가지로 Deepzoom Composer에서 추출 된 이미지 피라미드와 MultiScaleImage 엘리먼트의 화면 비율에 관한 이야기를 이어 보겠습니다. 2009/06/30 - [Image/Deepzoom] - Deepzoom Composer에서 Single Image와 MultiScaleImage 엘리먼트의 화면 비율 이전 포스팅에서는 Single Image를 다뤘는데요, 이번에는 Multiple Images를 다뤄보겠습니다. Single Image에서는, Deepzoom Composer에서 추출 된 이미지 피라미드를 MultiScaleImage 엘리먼트의 소스에 할당 했을 경우, Single Image의 가로 : 세로 비율에 알맞는 MultiScaleImage 엘리먼트의 Size.. Deepzoom Composer에서 Single Image와 MultiScaleImage 엘리먼트의 화면 비율 Deepzoom Project를 위해서는 MultiScaleImage의 Source를 위해 이미지 피라미드와 XML 파일이 필요한데요, 바로 이 이미지 피라미드와 XML파일을 Seadragon의 Deepzoom Composer를 사용하여 추출해 낼 수 있습니다. 이미 많은 분들이 Deepzoom Composer를 이용하여 이미지 피라미드와 XML파일을 추출해 내고 있으실 텐데요, Deepzoom Composer를 사용하여 Export 된 컬렉션 이미지들의 배치와 화면 비율에 관한 이야기를 해 보려고 합니다. 1024x768 사이즈의 이미지 한 장으로 이미지 피라미드를 구성하였습니다. 이 경우, 가로 : 세로 = 1024 : 768 의 비율로 Export 되기 때문에 위와 같이 Export 된 이미지 피라.. Make a Deepzoom Solution Deepzoom 에 관한 기초 지식을 기반으로 간략한 Test 솔루션을 만들어 보겠습니다. Test 솔루션에서 구현 될 기능 리스트 입니다. 1. Mouse Left Button Click 시 Deepzoom Image 확대. 2. Shift + Mouse Left Button Click 시 Deepzoom Image 축소. 3. MouseWheelHelper를 사용한 Wheel 지원 4. Pan 기능(Mouse Drag를 통한 Deepzoom Image 이동). Deepzoom Test Solution 을 하나 생성합니다.(Web Project 도 함께 추가합니다.) Deepzoom Composer 를 이용한 Deepzoom Image 피라미드를 ClientBin 폴더에 복사합니다. Deepzoom C.. Coposition에서의 ViewPort, AspectRatio, 좌표계, ElementalPoint, LogicalPoint AspectRatio MultiScaleImage 의 Source Image의 가로 세로 비율. the width of the image divided by its height. ( 이미지의 가로를 세로로 나눈 ) Readonly Property. AspectRatio Property의 활용 : ? ViewPort ViewPort 란 MultiScaleImage Control의 Source Image를 보는 창이다. (Source Image의 특정 영역을 보는 데 사용하는 사각형 영역) Source Image를 삼차원으로 다루는 하나의 방식이라고 생각할 수 있다. ViewPort 를 제어 할 수 있는 Property로 ViewportWidth와 ViewportOrigin 가 있다. ViewportWidt.. Deepzoom Composer로 Export 된 결과물 Deepzoom Composer 를 사용하여 Export 된 폴더 - Composition으로 Export 했을 경우 폴더 안에는 dzc_output_files 폴더와 dzc_output.xml, SparseImageSceneGraph.xml 두 개의 파일이 생성 된다. dzc_output.xml은 Silverlight Control에서 MultiScaleImage 의 Source 가 되며, - 이미지의 사이즈 정보를 가지고 있다. dzc_output_files 폴더 안에는 Deep Zoom Composer 로 Export 된 이미지 피라미드가 생성 되 있으며, MultiScaleImage 컨트롤에서 로드 시 이 폴더의 이미지 피라미드를 로드하게 된다. 12부터 원본이미지의 타일이 각 수준별로 저장 되 .. Deepzoom Silverlight에서 고해상도의 이미지를 자유롭게 확대/축소할 수 있는 기능. 어떤 방법으로 가능한가? Deep zoom을 이용하면, 고해상도의 이미지를 확대/축소 하면서 탐색할 수 있다. 그것이 가능하게 하기 위한 핵심은 바로 '이미지 피라미드'. 이미지 피라미드 원본 이미지를 256x256 크기의 이미지 타일로 만들고, 원본 이미지를 1/4로 축소한 이미지를 256x256 크기의 이미지 타일로 만들고, 축소된 이미지를 다시 1/4로 축소한 이미지를 256x256 크기의 이미지 타일로 만들고를 반복하여, 최종 축소된 이미지가 1픽셀이 될 때까지 수행하여, 각 타일을 별도의 파일로 저장한 뒤, 단계(수준)별로 별도의 폴도에 저장한다. (256x256 사이즈는 고정 된 것이 아니라, 임의.. 이전 1 다음
