---
# System prepended metadata

title: Viewport
tags: [ohif]

---

---
tags: ohif
---
# Viewport
<ul>
<li><code>scale</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank">Number</a>?</strong> The scale applied to the image. A scale of 1.0 will display no zoom (one image pixel takes up one screen pixel). A scale of 2.0 will be double zoom and a scale of .5 will be zoomed out by 2x</li>
<li><code>translation</code> <strong>vec2?</strong> An object with properties x and y which describe the translation to apply in the pixel coordinate system. Note that the image is initially displayed centered in the enabled element with a x and y translation of 0 and 0 respectively.</li>
<li><code>voi</code> <strong>VOI?</strong> an object with properties windowWidth and windowCenter.</li>
<li><code>invert</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank">boolean</a>?</strong> Whether or not the image is inverted.</li>
<li><code>pixelReplication</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank">boolean</a>?</strong> true if the image smooth / interpolation should be used when zoomed in on the image or false if pixel replication should be used.</li>
<li><code>hflip</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank">boolean</a>?</strong> true if the image is flipped horizontally. Default is false</li>
<li><code>vflip</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank">boolean</a>?</strong> true if the image is flipped vertically. Default is false</li>
<li><code>rotation</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank">Number</a>?</strong> the rotation of the image (90 degree increments). Default is 0</li>
<li><code>modalityLUT</code> <strong>LUT?</strong> the modality LUT to apply or undefined if none</li>
<li><code>voiLUT</code> <strong>LUT?</strong> the modality LUT to apply or undefined if none</li>
<li><code>colormap</code> <strong>(<a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank">String</a> | Colormap)?</strong> an optional colormap ID or colormap object (from colors/colormap.js). This will be applied during rendering to convert the image to pseudocolor</li>
<li><code>labelmap</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank">Boolean</a>?</strong> whether or not to render this image as a label map (i.e. skip modality and VOI LUT pipelines and use only a color lookup table)</li>
</ul>