Silverlight 2 Knowledge Base
Main Page
Contact Us
Bookmark This Site
Resources
Quick Start
Silverlight Books
Silverlight blogs
Silverlight Tools
Silverlight Sites
Silverlight Doc
UI
Silverlight Controls
Control Usage Examples
Silverlight Printing
Deepzoom
Data Binding
Layout
Navigation
Style, Skin, Theme
HTML Bridge
Application
LINQ and XML
Resource Loading
MVC, MVP, MVVM
Business Apps
Quick Search
Advanced Search »
Random Page
Create a new Page
All Pages
Categories
Administration
File Management
Login/Logout
Language Selection
Your Profile
Create Account
Back
History
DeepZoom
Based on the Silverlight MultiScaleImage control, DeepZoom is the UI component that allows users to pan around and zoom in/out with mouse wheel, high resolution image or a large collection of images. It reduces the time required for initial load by downloading only the region being viewed and/or only at the resolution it is displayed at. Subsequent regions are downloaded as the user pans to (or zooms into them); animations are used to hide any jerkiness in the transition. Although Ajax allows similar user experience as demonstrated in [http://map.google.com|Google Map] and [http://maps.live.com|Virtual Earth], the Silverlight experience is smoother because it's engine take better advantages of GPU. Though DeepZoom has been used in imaging applications such as [http://photozoom.mslivelabs.com|PhotoZoom], there are also considerable interest in using it to [http://blogs.msdn.com/webnext/archive/2008/10/06/deepzoom-your-office-documents.aspx|navigate business documents]. The easiest way to create DeepZoom image collection is with [http://www.microsoft.com/downloads/details.aspx?FamilyID=457b17b7-52bf-4bda-87a3-fa8a4673f8bf&displaylang=en|DeepZoom Composer]. ===DeepZoom for navigating business documents=== In order to use DeepZoom with business documents, there are also interests in generating DeepZoom image collection in batch or dynamically. The DeepZoom composer comes with a command line tool called SparseImageTool.exe that can be used to generate image collections in batch. The tools can be found in C:\Program Files\Microsoft Corporation\Deep Zoom Composer is default installation location is used. [http://www.codeplex.com/deepearth|DeepEarth] is an example for dynamically generated image collection. In fact, it is using the Virtual Earth image service. In order to generate image collection from business documents, one has to convert them to images first. The following are some relavant works in the area: * [http://blogs.msdn.com/webnext/archive/2008/10/06/deepzoom-your-office-documents.aspx|Laurence Moroney] used [http://pdfforge.org/products/pdfcreator|PDFCreator] to convert office documents to image. * [http://www.codeproject.com/KB/silverlight/DecosDeepZoom.aspx|Generate DeepZoom image collection from multi-page tiff] * [http://conceptdev.blogspot.com/2008/05/deepzoom-publisher-with-xps-part-1.html|DeepZoom "Publisher" with Xps] * [http://conceptdev.blogspot.com/2008/03/deepzoom-publisher.html| DeepZoom "Publisher" with Xps]. It uses [http://sourceforge.net/projects/ghostscript|GhostScript] to convert PDF to images. ===Other deepzoom articles=== * [http://blogs.msdn.com/silverlight_sdk/archive/2008/11/18/using-viewportorigin-and-viewportwidth-in-deep-zoom.aspx|Using ViewportOrigin and ViewportWidth in Deep Zoom] * [http://livelabs.com/seadragon-ajax/|Ajax DeepZoom (Silverlight not needed)] ===10/13/2008 version of DeepZoom Composer Bug!=== If you download the [http://www.microsoft.com/downloads/details.aspx?FamilyID=457B17B7-52BF-4BDA-87A3-FA8A4673F8BF&displaylang=en|Oct. 13, 2008 version of DeepZoom Composer], make sure you update the DeepZoomProjectTestPage.html in the DeepZoom project template. Otherwise, it will direct your users to download Silver 2 beta 2 (2.0.30523.8) instead of Silverlight 2 RTW (2.0.31005.0). If you did the default installation, you can find the file at C:\Program Files\Microsoft Corporation\Deep Zoom Composer\DeepZoomProject\DeepZoomProjectWeb\ClientBin\DeepZoomProjectTesPage.html. Open the file with Notepad, locate the link side the object tag and replace it with: @@<a href="http://go.microsoft.com/fwlink/?LinkID=115261" style="text-decoration: none;"> <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none"/> </a>@@
(c) Li Chen 2008.
ScrewTurn Wiki
version 2.0.37. Some of the icons created by
FamFamFam
.