Basic Controls


Panning

The Viewer supports multiple ways for navigating images in the Viewer using the mouse and keyboard.

To pan an image with the mouse from within the Viewer
  1. Press and hold the left mouse button anywhere on the image

  2. Drag with the mouse to navigate the image

To pan an image with the keyboard from within the Viewer
  1. Click anywhere on the image (to set focus)

  2. Use the arrow keys (up, down, left, right) to navigate the image

Magnification

Magnification controls are automatically provided for images that define an objective magnification and for images that are heuristically determined to be whole slide images (e.g. a TIFF file containing a description from a known WSI scanner manufacturer that also has a well-defined pixel size).

The Viewer will provide preset magnification buttons that are appropriate for the current image, if this information is provided by the image or can be determined heuristically. The preset buttons are accessible from the bottom left side of the image viewport. For any image where magnification can not be determined, the magnification controls are replaced with scaling controls (e.g. 50%, 100%).

The current magnification is displayed in the Viewer top bar
To change magnification (or scale factor) using the mouse from within the Viewer
  1. Click anywhere on the image (to set focus)

  2. Use the wheel on the mouse to change magnification fluidly

To change magnification using the keyboard from within the Viewer
  1. Click anywhere on the image (to set focus)

  2. Use the +/- buttons to change magnification in small increments

Heuristically Determined Magnification

Image pixel size is loosely related to the scanned magnification. WSI scanner manufacturers typically define a conversion between pixel size and magnification. Where magnification is not explicitly defined in an image, the pixel size will be used to infer the equivalent objective magnification of the image. In many cases, scanned magnification of 20x is approximately equal to 0.5μm per pixel.

Focal Planes

Focal planes are automatically detected when present in supported images. If the image has multiple sub-images, the focal plane for each sub-image can be independently configured by selecting the appropriate sub-image from the dropdown menu.

The focal plane controls are visible in the bottom left bottom of the image viewport only when focal planes are detected in an image.

To see available focal planes for an image
  1. Click on the current focal plane indicator* to reveal the focal plane dialog

  2. Click into the Focal Plane dropdown to view available planes

  3. Click on the x button to close the focal plane dialog

* The focal plane controls consist of Up Arrow and Down Arrow arrows and a numeric indicator displaying the current focal plane offset (e.g. “0 μm”). If available for the current image, these controls are located on the bottom left-hand side of the image viewport immediately above the magnification controls.

To change the focal plane using the mouse
  1. Click on the Up Arrow or Down Arrow buttons on the focal plane controls*

* The focal plane controls consist of Up Arrow and Down Arrow arrows and a numeric indicator displaying the current focal plane offset (e.g. “0 μm”). If available for the current image, these controls are located on the bottom left-hand side of the image viewport immediately above the magnification controls.

To change the focal plane using the mouse wheel
  1. Click on the image

  2. Hold down the Shift key on the keyboard and simultaneously use the mouse wheel to fly through the available focal planes

Rotation Controls

The rotation tool is located on the bottom left corner of the image viewport. The rotation value is always saved for each user and will be preserved the next time you view the image.

To enable the rotation tool
  1. Hover or click on the image to reveal the toolbar at the top left of the panel

  2. Click on the Expand Toolbar button to expand the toolbar if necessary

  3. Click on the Rotate button in the toolbar to show or hide the rotation tool

To rotate using the mouse
  1. Click and drag the ball around the outside of the rotation tool to the desired value

  2. Click in the middle of the rotation tool (where the rotation value is displayed) and type a value between (-360) to +360 degrees

  3. To reset rotation to 0°, click in the middle of the rotation tool and type 0

To rotate using the keyboard
  1. Hold the Alt key and press the up arrow or down arrow key to rotate by 1° clockwise or counter-clockwise, respectively

  2. Hold the Alt key and press the PageUp or PageDown key to rotate by 10° clockwise or counter-clockwise, respectively

Color Management

The color management tools can be used to apply an ICC color profile within the Viewer. The application of ICC profiles ensures a high degree of color reproducibility across different monitors and can be used to overcome/reduce color variability across multiple devices.

Color Management is available for RGB images and disabled by default; users can choose their preference.
To change the color management profile
  1. Hover or click on the image to reveal the toolbar at the top left of the panel

  2. Click on the Expand Toolbar button to expand the toolbar if necessary

  3. Click on the Palette button dropdown in the toolbar to reveal the color management dialog

  4. Select one of the available ICC color profiles

Full Screen Mode

To enlarge the image viewport, so that it fills your screen, click on the Fullscreen button in the Viewer top bar. When done, press the Escape key on your keyboard to exit full screen mode.

Keyboard Shortcuts

The following keyboard shortcuts are available when using the keyboard:

ShortcutAction
ADraw an arrow annotation
BDraw a bookmark annotation
CDraw an ellipse annotation
PDraw a polygon annotation
FDraw a freehand annotation
RDraw a rectangle annotation
UDraw a ruler annotation
SCreate a snapshot
Alt + ↑Rotate clockwise 1°
Alt + ↓Rotate counter-clockwise 1°
Alt + PageUpRotate clockwise 10°
Alt + PageDownRotate counter-clockwise 10°
Ctrl + →Next Image
Ctrl + ←Previous Image