Click here to Skip to main content
15,867,568 members
Articles / Metro-design
Tip/Trick

Deepzoom in Windows 8 using WinJS

Rate me:
Please Sign up or sign in to vote.
5.00/5 (1 vote)
24 Jul 2012MIT 14.1K   129   4   1
This gives you a modified version of Seadragon to run in Windows 8 Metro UI.

Introduction

This code provides the capability to give a Deepzoom interface within a Microsoft Windows 8 Metro application. Provided within the package is a modified version of Seadragon, that works with WinJS.

Using the code

This is a modified version of Seadragon so please go through the Seadragon documentation for full assistance. There is one minor change with the WinJS version. Please do not try and load the dzi file dynamically. Instead please load the contents of the file as shown below.

var viewer = new Seadragon.Viewer(containersId);
viewer.openDzi("wmp", '<?xml version="1.0" encoding="utf-8"?><Image TileSize="256" ' + 
   'Overlap="1" Format="jpg"  xmlns="http://schemas.microsoft.com/' + 
   'deepzoom/2008"><Size Width="11527" Height="6505" /></Image>');

Points of Interest

This is a weekend project and comes with no warranty or guarantee. Please let me know if there are any issues, we can work something out.

License

This article, along with any associated source code and files, is licensed under The MIT License


Written By
Software Developer Microsoft India R&D Pvt Ltd
India India
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Comments and Discussions

 
GeneralMy vote of 5 Pin
Christian Amado30-Jul-12 2:27
professionalChristian Amado30-Jul-12 2:27 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.