Deepzoom in Windows 8 using WinJS

• Download sample - 896 KB

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.