CINXE.COM

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-title" content="IIPImage - "> <link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="pingback" href="https://iipimage.sourceforge.io/xmlrpc.php"> <link rel="Shortcut Icon" type="image/x-icon" href="/images/iip-favicon.png"/> <meta name="author" content="Ruven Pillay <ruven@users.sourceforge.io>" /> <meta name="keywords" content="IIPImage, Internet Imaging Protocol, IIP, Image Server, Visualization, High Resolution, TIFF, JPEG2000, HTML5, Multispectral, IIIF" /> <meta name="description" content="IIPImage is a high-performance image server and client for web-based streamed high resolution scientific imagery" /> <meta name="copyright" content="© 2000-2024 Ruven Pillay, All rights reservied" />  <meta property="fb:app_id" content="208864689213" /> <meta property="fb:admins" content="657173239" /> <meta property="og:site_name" content="IIPImage"/> <meta property="og:title" content="IIPImage » IIPMooViewer"/> <meta property="og:type" content="website"/> <meta property="og:image" content="https://iipimage.sourceforge.io/wp-content/uploads/2008/06/vangogh.jpg"/> <meta property="og:description" content="IIPImage is a high-performance image server and client for web-based streamed high resolution scientific imagery"/> <meta property="og:url" content="https://iipimage.sourceforge.io/documentation/iipmooviewer"/>  <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@iipimage"> <meta name="twitter:creator" content="@iipimage"> <meta name="twitter:title" content="IIPImage » IIPMooViewer"> <meta name="twitter:image" content="https://iipimage.sourceforge.io/wp-content/uploads/2008/06/vangogh.jpg"> <meta name="twitter:description" content="IIPImage is a high-performance image server and client for web-based streamed high resolution scientific imagery">  <script async src="https://www.googletagmanager.com/gtag/js?id=G-7S46T8G8KM"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-7S46T8G8KM'); gtag('require', 'linkid'); </script> <title>IIPMooViewer – IIPImage</title> <meta name='robots' content='max-image-preview:large' /> <link rel="alternate" type="application/rss+xml" title="IIPImage » Feed" href="https://iipimage.sourceforge.io/feed" /> <link rel="alternate" type="application/rss+xml" title="IIPImage » Comments Feed" href="https://iipimage.sourceforge.io/comments/feed" /> <link rel="alternate" type="application/rss+xml" title="IIPImage » IIPMooViewer Comments Feed" href="https://iipimage.sourceforge.io/documentation/iipmooviewer/feed" /> <script> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/iipimage.sourceforge.io\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.2.2"}}; /*! This file is auto-generated */ !function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){p.clearRect(0,0,i.width,i.height),p.fillText(e,0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(t,0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(p&&p.fillText)switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s("\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!s("\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!s("\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!s("\ud83e\udef1\ud83c\udffb\u200d\ud83e\udef2\ud83c\udfff","\ud83e\udef1\ud83c\udffb\u200b\ud83e\udef2\ud83c\udfff")}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(e=t.source||{}).concatemoji?c(e.concatemoji):e.wpemoji&&e.twemoji&&(c(e.twemoji),c(e.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://iipimage.sourceforge.io/wp-includes/css/dist/block-library/style.min.css?ver=6.2.2' media='all' /> <link rel='stylesheet' id='classic-theme-styles-css' href='https://iipimage.sourceforge.io/wp-includes/css/classic-themes.min.css?ver=6.2.2' media='all' /> <style id='global-styles-inline-css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #fff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--blue: #0d6efd;--wp--preset--color--indigo: #6610f2;--wp--preset--color--purple: #5533ff;--wp--preset--color--pink: #d63384;--wp--preset--color--red: #dc3545;--wp--preset--color--orange: #fd7e14;--wp--preset--color--yellow: #ffc107;--wp--preset--color--green: #198754;--wp--preset--color--teal: #20c997;--wp--preset--color--cyan: #0dcaf0;--wp--preset--color--gray: #6c757d;--wp--preset--color--gray-dark: #343a40;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-columns.is-layout-flex){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='understrap-styles-css' href='https://iipimage.sourceforge.io/wp-content/themes/understrap/css/theme.min.css?ver=1.2.2.1680034962' media='all' /> <script src='https://iipimage.sourceforge.io/wp-includes/js/jquery/jquery.min.js?ver=3.6.4' id='jquery-core-js'></script> <script src='https://iipimage.sourceforge.io/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.0' id='jquery-migrate-js'></script> <link rel="https://api.w.org/" href="https://iipimage.sourceforge.io/wp-json/" /><link rel="alternate" type="application/json" href="https://iipimage.sourceforge.io/wp-json/wp/v2/pages/849" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://iipimage.sourceforge.io/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://iipimage.sourceforge.io/wp-includes/wlwmanifest.xml" /> <meta name="generator" content="WordPress 6.2.2" /> <link rel="canonical" href="https://iipimage.sourceforge.io/documentation/iipmooviewer" /> <link rel='shortlink' href='https://iipimage.sourceforge.io/?p=849' /> <link rel="alternate" type="application/json+oembed" href="https://iipimage.sourceforge.io/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fiipimage.sourceforge.io%2Fdocumentation%2Fiipmooviewer" /> <link rel="alternate" type="text/xml+oembed" href="https://iipimage.sourceforge.io/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fiipimage.sourceforge.io%2Fdocumentation%2Fiipmooviewer&format=xml" /> <link rel="pingback" href="https://iipimage.sourceforge.io/xmlrpc.php"> <meta name="mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-title" content="IIPImage - "> <link rel="icon" href="https://iipimage.sourceforge.io/wp-content/uploads/2022/04/iip.ico" sizes="32x32" /> <link rel="icon" href="https://iipimage.sourceforge.io/wp-content/uploads/2022/04/iip.ico" sizes="192x192" /> <link rel="apple-touch-icon" href="https://iipimage.sourceforge.io/wp-content/uploads/2022/04/iip.ico" /> <meta name="msapplication-TileImage" content="https://iipimage.sourceforge.io/wp-content/uploads/2022/04/iip.ico" /> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css?family=Muli&display=swap" rel="stylesheet"> </head> <body class="page-template-default page page-id-849 page-child parent-pageid-24 wp-custom-logo wp-embed-responsive understrap-has-sidebar" itemscope itemtype="http://schema.org/WebSite"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-dark-grayscale"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0 0.49803921568627" /><feFuncG type="table" tableValues="0 0.49803921568627" /><feFuncB type="table" tableValues="0 0.49803921568627" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-grayscale"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0 1" /><feFuncG type="table" tableValues="0 1" /><feFuncB type="table" tableValues="0 1" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-purple-yellow"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0.54901960784314 0.98823529411765" /><feFuncG type="table" tableValues="0 1" /><feFuncB type="table" tableValues="0.71764705882353 0.25490196078431" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-blue-red"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0 1" /><feFuncG type="table" tableValues="0 0.27843137254902" /><feFuncB type="table" tableValues="0.5921568627451 0.27843137254902" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-midnight"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0 0" /><feFuncG type="table" tableValues="0 0.64705882352941" /><feFuncB type="table" tableValues="0 1" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-magenta-yellow"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0.78039215686275 1" /><feFuncG type="table" tableValues="0 0.94901960784314" /><feFuncB type="table" tableValues="0.35294117647059 0.47058823529412" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-purple-green"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0.65098039215686 0.40392156862745" /><feFuncG type="table" tableValues="0 1" /><feFuncB type="table" tableValues="0.44705882352941 0.4" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-blue-orange"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0.098039215686275 1" /><feFuncG type="table" tableValues="0 0.66274509803922" /><feFuncB type="table" tableValues="0.84705882352941 0.41960784313725" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><div class="site" id="page">  <header id="wrapper-navbar"> <a class="skip-link visually-hidden-focusable" href="#content"> Skip to content </a> <nav id="main-nav" class="navbar navbar-expand-md navbar-dark bg-primary" aria-labelledby="main-nav-label"> <h2 id="main-nav-label" class="screen-reader-text"> Main Navigation </h2> <div class="container">  <a href="https://iipimage.sourceforge.io/" class="navbar-brand custom-logo-link" rel="home"><img width="79" height="77" src="https://iipimage.sourceforge.io/wp-content/uploads/2018/04/iip.png" class="img-fluid" alt="IIPImage" decoding="async" /></a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation" > <span class="navbar-toggler-icon"></span> </button>  <div id="navbarNavDropdown" class="collapse navbar-collapse"><ul id="main-menu" class="navbar-nav ms-auto"><li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-2802" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-2802 nav-item"><a title="About" href="https://iipimage.sourceforge.io/" class="nav-link">About</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-2801" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2801 nav-item"><a title="Blog" href="https://iipimage.sourceforge.io/blog" class="nav-link">Blog</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-2804" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2804 nav-item"><a title="Demos" href="https://iipimage.sourceforge.io/demo" class="nav-link">Demos</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-2805" class="menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor current-menu-ancestor current-menu-parent current-page-parent current_page_parent current_page_ancestor menu-item-has-children dropdown active menu-item-2805 nav-item"><a title="Documentation" href="#" data-toggle="dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle nav-link" id="menu-item-dropdown-2805">Documentation</a> <ul class="dropdown-menu" aria-labelledby="menu-item-dropdown-2805" > <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-2812" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2812 nav-item"><a title="Getting Started" href="https://iipimage.sourceforge.io/documentation/getting-started" class="dropdown-item">Getting Started</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-2813" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2813 nav-item"><a title="Server" href="https://iipimage.sourceforge.io/documentation/server" class="dropdown-item">Server</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-2820" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2820 nav-item"><a title="Images" href="https://iipimage.sourceforge.io/documentation/images" class="dropdown-item">Images</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-2815" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2815 nav-item"><a title="Protocol" href="https://iipimage.sourceforge.io/documentation/protocol" class="dropdown-item">Protocol</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-3262" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3262 nav-item"><a title="IIIF" href="https://iipimage.sourceforge.io/documentation/iiif" class="dropdown-item">IIIF</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-3434" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3434 nav-item"><a title="Image Security" href="https://iipimage.sourceforge.io/documentation/image-security" class="dropdown-item">Image Security</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-2814" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2814 nav-item"><a title="Viewers" href="https://iipimage.sourceforge.io/documentation/viewers" class="dropdown-item">Viewers</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-2816" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-849 current_page_item active menu-item-2816 nav-item"><a title="IIPMooViewer" href="https://iipimage.sourceforge.io/documentation/iipmooviewer" class="dropdown-item" aria-current="page">IIPMooViewer</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-2817" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2817 nav-item"><a title="IIPZoom" href="https://iipimage.sourceforge.io/documentation/iipzoom" class="dropdown-item">IIPZoom</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-2818" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2818 nav-item"><a title="Troubleshooting" href="https://iipimage.sourceforge.io/documentation/troubleshooting" class="dropdown-item">Troubleshooting</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-2819" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2819 nav-item"><a title="Analytics" href="https://iipimage.sourceforge.io/documentation/analytics" class="dropdown-item">Analytics</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-2811" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2811 nav-item"><a title="History" href="https://iipimage.sourceforge.io/documentation/history" class="dropdown-item">History</a></li> </ul> </li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-2807" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2807 nav-item"><a title="Links" href="https://iipimage.sourceforge.io/links" class="nav-link">Links</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-2806" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2806 nav-item"><a title="Download" href="https://iipimage.sourceforge.io/download" class="nav-link">Download</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-2803" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2803 nav-item"><a title="Contact" href="https://iipimage.sourceforge.io/contact" class="nav-link">Contact</a></li> </ul></div> </div> </nav> </header> <div class="wrapper" id="page-wrapper"> <div class="container" id="content" tabindex="-1"> <div class="row"> <div class="col-md content-area" id="primary"> <main class="site-main" id="main"> <article class="post-849 page type-page status-publish has-post-thumbnail hentry" id="post-849"> <header class="entry-header"><h1 class="entry-title">IIPMooViewer</h1></header> <div class="entry-content"> <p>IIPMooViewer is a light-weight high performance HTML5-based javascript high resolution image streaming and zooming client compatible with almost all web browsers including Firefox, Chrome, Internet Explorer versions (all versions going back to and including IE6), Safari and Opera. Version 2.0 is now also compatible with mobile devices including the iPhone/iPad and Android-based devices.</p> <p>IIPMooViewer is designed to work with the IIPImage server. However, as of version 2.0, it can also work with static tiling protocols such as Zoomify and Deepzoom as well as servers supporting the <a href="http://sourceforge.net/apps/mediawiki/djatoka/index.php?title=Main_Page" target="_blank" rel="noopener">Djatoka</a> (Open URL) and <a title="International Image Interoperability Framework" href="http://iipimage.sourceforge.net/2014/12/iiif/">IIIF</a> protocols.</p> <p>Additional features include support for annotations of regions within the image and image rotation.</p> <p>The view is written in pure javascript and uses the <a href="http://www.mootools.net">Mootools javascript framework</a>. Version 2.0 of IIPMooViewer requires Mootools version 1.6.x The distribution contains all the necessary library files in both compressed and uncompressed formats. Modify the parameters in the index.html example file provided.</p> <h2>Example Usage</h2> <p>IIPMooViewer is flexible and very customizable, but it is also designed to <em>just work</em> by default with the minimal setting of parameters. Here is a basic HTML5 example to create a full page viewer.</p> <pre class="brush: jscript; title: ; notranslate" title=""> <!DOCTYPE html> <head> <link rel="stylesheet" type="text/css" media="all" href="css/iip.css" /> <script type="text/javascript" src="js/mootools-core-1.6.0-compressed.js"></script> <script type="text/javascript" src="js/iipmooviewer-2.0-min.js"></script> <script type="text/javascript"> new IIPMooViewer( "viewer", { image: '/path/to/image.tif' } ); </script> </head> <body> <div id="viewer" style="width:100%;height:100%"></div> </body> </html> </pre> <h2>Options</h2> <p>Options to the IIPMooViewer class constructor: (The only obligatory option is the <b>image</b> variable)</p> <p><b>image</b> : The full system path to the image. On Windows as on other systems this should be a UNIX style path such as “/path/to/image.tif”. Note that this is an absolute system path and not the path relative to the webserver root</p> <p><b>server</b> : The address of the IIPImage server. [default: “/fcgi-bin/iipsrv.fcgi”]</p> <p><b>credit</b> : a credit, copyright or information to be shown on the image itself</p> <p><b>render</b> : the way in which tiles are rendered. Either `random’ where the tiles are fetched and rendered randomly or ‘spiral’ where the tiles are rendered from the center outwards [default: “spiral”]</p> <p><b>showNavWindow</b> : whether to show the navigation window. [default: true]</p> <p><b>showNavButtons</b> : whether to show the navigation buttons on start up: true or false [default: true]</p> <p><b>navWinSize</b> : ratio of navigation window size to the main window. Wide panoramas are scaled to twice this size [default: 0.2]</p> <p><b>navigation</b> : a hash containing options for the navigation box: (a) id: the id of the element where the navigation box will be embedded. Defaults to the main container. (b) draggable: a boolean, indicating whether the navigation box is draggable. Defaults to true, however, if a navigation id is specified, defaults to false. (c) buttons: an array of the available buttons: reset, zoomIn, zoomOut, rotateLeft, rotateRight. Defaults to: [‘reset’,’zoomIn’,’zoomOut’]</p> <p><b>showCoords</b> : whether to show live screen coordinates [default: false]</p> <p><b>scale</b> : adds a scale to the image. Specify the number of pixels per unis. Should be given in pixels per mm if the default meter unit is used. Otherwise pixels per degree if degree units are used.</p> <p><b>units</b> : define the units used. Can be in degrees or meters [default: meters]. Or define completely new unit system. The default structure is the following:</p> <pre>{ dims: ["pm", "nm", "碌m", "mm", "cm", "m", "km"], // Unit suffixes orders: [ 1e-12, 1e-9, 1e-6, 0.001, 0.01, 1, 1000 ],// Unit orders mults: [1,2,5,10,50,100], // Different scalings usable for each unit factor: 1000 // Default multiplication factor }</pre> <p><b>prefix</b>: path prefix if image subdirectory moved (for example to a different host) [default: “images/”]</p> <p><b>enableFullscreen</b> : allow full screen mode. If “native” will attempt to use Javascript Fullscreen API. Otherwise it will fill the viewport. “page” allows fullscreen but only in viewport fill mode. False disables. [default: “native”]</p> <p><b>winResize</b> : whether view is reflowed on window resize. [default: true]</p> <p><b>viewport</b> : object containing center x, y, resolution, rotation and contrast of initial view. For example, to start at resolution 4 with the center of the view port at both 90% of the size of the image:</p> <pre>{resolution:4, x:0.9, y:0.9, rotation:0}</pre> <p><b>protocol</b> : protocol to use with the server: iip, iiif, zoomify or deepzoom [default: “iip”]</p> <p><b>preload</b> : preload an extra layer of tiles surrounding the viewport [default: false]</p> <p><b>annotations</b> : An object containing object structures with parameters “x”, “y”, “w”, “h”, “title”, “text”, “category” where x, y, w and h are the position and size of the annotation in relative [0-1] values, title is an optional title for the annotation, category is an optional category for the annotation and text is the body of the annotation</p> <h2>Ajax Security</h2> <p>Note also that due to the Ajax security model, the IIP server must point to the same host as that from which your page has been served. If you want to host the IIP image server on a different machine, you will need to forward proxy requests to this other machine via your web server. See the <a href="/documentation/server">server</a> page for more details on how to do this.</p> <h2>Demo</h2> <p>See the <a href="/demo">demo page</a> to see the client in action.</p> <h2>Download</h2> <p>You can download the latest release version of IIPMooViewer from the <a title="Github" href="https://github.com/ruven/iipmooviewer" target="_blank" rel="noopener">Github repository</a>.</p> </div> <footer class="entry-footer"> </footer> </article> </main> </div> </div> </div> </div> <div class="wrapper" id="wrapper-footer"> <div class="container"> <div class="row" itemscope itemtype="http://schema.org/Organization"> <meta itemprop="logo" content="https://iipimage.sourceforge.io/images/iip_logo.png" /> <div class="col-1 logo"><a itemprop="url" href="https://iipimage.sourceforge.io"><img alt="logo" src="https://iipimage.sourceforge.io/images/iip.png"/></a><span itemprop="name">IIPImage</span></div> <div class="col-11"> <footer class="site-footer" id="colophon"> <div class="social"> <a itemprop="sameAs" href="https://www.twitter.com/IIPImage"><i class="fa fa-twitter"></i></a> <a itemprop="sameAs" href="https://www.facebook.com/IIPImage"><i class="fa fa-facebook"></i></a> <a itemprop="sameAs" href="https://www.linkedin.com/company/iipimage/"><i class="fa fa-linkedin"></i></a> <a itemprop="sameAs" href="https://github.com/ruven/"><i class="fa fa-github"></i></a> <a href="/feed"><i class="fa fa-rss"></i></a> </div> <div class="site-info"> Copyright © 2024 Ruven Pillay. All Rights Reserved. </div> </footer> </div> </div> </div> </div> </div> <script src='https://iipimage.sourceforge.io/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shCore.js?ver=3.0.9b' id='syntaxhighlighter-core-js'></script> <script src='https://iipimage.sourceforge.io/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushJScript.js?ver=3.0.9b' id='syntaxhighlighter-brush-jscript-js'></script> <script type='text/javascript'> (function(){ var corecss = document.createElement('link'); var themecss = document.createElement('link'); var corecssurl = "https://iipimage.sourceforge.io/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/styles/shCore.css?ver=3.0.9b"; if ( corecss.setAttribute ) { corecss.setAttribute( "rel", "stylesheet" ); corecss.setAttribute( "type", "text/css" ); corecss.setAttribute( "href", corecssurl ); } else { corecss.rel = "stylesheet"; corecss.href = corecssurl; } document.head.appendChild( corecss ); var themecssurl = "https://iipimage.sourceforge.io/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/styles/shThemeDefault.css?ver=3.0.9b"; if ( themecss.setAttribute ) { themecss.setAttribute( "rel", "stylesheet" ); themecss.setAttribute( "type", "text/css" ); themecss.setAttribute( "href", themecssurl ); } else { themecss.rel = "stylesheet"; themecss.href = themecssurl; } document.head.appendChild( themecss ); })(); SyntaxHighlighter.config.strings.expandSource = '+ expand source'; SyntaxHighlighter.config.strings.help = '?'; SyntaxHighlighter.config.strings.alert = 'SyntaxHighlighter\n\n'; SyntaxHighlighter.config.strings.noBrush = 'Can\'t find brush for: '; SyntaxHighlighter.config.strings.brushNotHtmlScript = 'Brush wasn\'t configured for html-script option: '; SyntaxHighlighter.defaults['pad-line-numbers'] = false; SyntaxHighlighter.defaults['tab-size'] = 2; SyntaxHighlighter.defaults['toolbar'] = false; SyntaxHighlighter.all(); // Infinite scroll support if ( typeof( jQuery ) !== 'undefined' ) { jQuery( function( $ ) { $( document.body ).on( 'post-load', function() { SyntaxHighlighter.highlight(); } ); } ); } </script> <script src='https://iipimage.sourceforge.io/wp-content/themes/understrap/js/theme.min.js?ver=1.2.2.1680034962' id='understrap-scripts-js'></script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-26445856-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </body> </html>