Cornerstone Examples

The following examples should work on any browser that supports the HTML5 canvas element. We currently recommend using Chrome for development and the best end user experience.

• Minimal example using JavaScript
• Setting the viewport when enabling the image
• Resizing the enabled element
• Changing the image displayed
• Adjusting window center, window width and invert
• Zooming and panning
• Toggle on/off interpolation of pixels
• HTML overlays
• Event Handling
• Custom ImageLoader
• Display two MRI images and one CT image on the same page
• CT Image with Window presets
• Non-square pixels
• Color Images
• Image Cache
• Dynamic Image
• Flip and Rotate
• Modality LUT and VOI LUT
• All features (scroll, zoom, pan, window/level, html overlays, resize, invert, interpolation)
• Using WebGL Rendering option
• False Color Mapping
• Composite Images
• DICOM Displayed Area Module support
• Display different image sizes

Examples from related libraries

• cornerstoneTools
• cornerstoneWADOImageLoader