HOTSPOT MASKING EXAMPLE

The V5 Zoomify Image Viewer includes the ability to set masks - to highlight an area by leaving it displayed in color, while temporarily displaying the surrounding image in black and white (actually 'grayscale' as many levels of black are used).

This example presents a simple display with a list of the hotspots. Selection of a hotspot in the list highlights it in the image display. This effect is enabled using the HTML parameter zMaskVisible=1. This example also includes buttons which will highlight a specific hotspot or a set of hotspots. The buttons are implemented using calls to the function setLabelMaskByID or setLabelMaskByIDList.

Any interaction with the image display will automatically clear the mask - for example, panning or zooming, or even simply mousing over a hotspot or clicking/touching it. The mask can also be cleared using the function clearMask which is demonstrated by the Clear Mask button.

Greater control over the mask feature is possible with functions including: setMaskByCoordinates, setLabelMaskByID, setLabelMaskByIDList, setLabelMaskByDisplayList, and setHotspotMaskByIDList.

Additional notes: hotspots are highlight using a circular outline, however, the Zoomify Image Viewer in the Enterprise product supports polygon and measurement labels that are highlighted with an exact polygon mask. See the Zoomify Parameter List in the Documentation folder and the Zoomify Function List in the Developer Resources folder for more information.