PageSourceSearch

https://www.cornerstonejs.org/docs/getting-started/overview/

html cornerstonejs.org collected 2026-10-01 11:29:23 UTC 28,445 bytes, 95 lines download raw bytes

1<!doctype html><html lang=en dir=ltr class="docs-wrapper plugin-docs plugin-id-default docs-version-current docs-doc-page docs-doc-id-getting-started/overview" data-has-hydrated=false><meta charset=UTF-8><meta name=generator content="Docusaurus v3.6.3"><title data-rh=true>Overview | Cornerstone.js</title><meta data-rh=true name=viewport content="width=device-width,initial-scale=1.0"><meta data-rh=true name=twitter:card content=summary_large_image><meta data-rh=true property=og:url content=https://cornerstonejs.org/docs/getting-started/overview><meta data-rh=true property=og:locale content=en><meta data-rh=true name=docusaurus_locale content=en><meta data-rh=true name=docsearch:language content=en><meta data-rh=true name=docusaurus_version content=current><meta data-rh=true name=docusaurus_tag content=docs-default-current><meta data-rh=true name=docsearch:version content=current><meta data-rh=true name=docsearch:docusaurus_tag content=docs-default-current><meta data-rh=true property=og:title content="Overview | Cornerstone.js"><meta data-rh=true name=description content="Cornerstone3D is a lightweight Javascript library for visualization of medical images in modern web browsers that support the HTML5 canvas element."><meta data-rh=true property=og:description content="Cornerstone3D is a lightweight Javascript library for visualization of medical images in modern web browsers that support the HTML5 canvas element."><link data-rh=true rel=icon href=/img/favicon.ico><link data-rh=true rel=canonical href=https://cornerstonejs.org/docs/getting-started/overview><link data-rh=true rel=alternate href=https://cornerstonejs.org/docs/getting-started/overview hreflang=en><link data-rh=true rel=alternate href=https://cornerstonejs.org/docs/getting-started/overview hreflang=x-default><link data-rh=true rel=preconnect href=https://OWBKNRE2E5-dsn.algolia.net crossorigin><link rel=preconnect href=https://www.google-analytics.com><link rel=preconnect href=https://www.googletagmanager.com>
vendor: 63 bytes, line 1
1<script async src="https://www.googletagmanager.com/gtag/js?id=
1G-LWTJVK40WP
vendor: 11 bytes, line 1
1"></script>
1<script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-LWTJVK40WP",{anonymize_ip:!0})</script>
1<link rel=search type=application/opensearchdescription+xml title=Cornerstone.js href=/opensearch.xml><link rel=stylesheet href=/assets/css/styles.d944c58e.css>
1<script src=/assets/js/runtime~main.0b7f4bf8.js defer></script>
1<script src=/assets/js/main.73936f1a.js defer></script>
1<body class=navigation-with-keyboard>
1<script>!function(){var t,e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();t=null!==e?e:"light",document.documentElement.setAttribute("data-theme",t)}(),function(){try{for(var[t,e]of new URLSearchParams(window.location.search).entries())if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script>
1<div id=__docusaurus><div role=region aria-label="Skip to main content"><a class=skipToContent_G6ar href=#__docusaurus_skipToContent_fallback>Skip to main content</a></div><nav aria-label=Main class="navbar navbar--fixed-top"><div class=navbar__inner><div class=navbar__items><button aria-label="Toggle navigation bar" aria-expanded=false class="navbar__toggle clean-btn" type=button><svg width=30 height=30 viewBox="0 0 30 30" aria-hidden=true><path stroke=currentColor stroke-linecap=round stroke-miterlimit=10 stroke-width=2 d="M4 7h22M4 15h22M4 23h22"/></svg></button><a class=navbar__brand href=/><div class=navbar__logo><img src=/img/cornerstone-light.png alt=Cornerstone.js class="themedComponent_DHUr themedComponent--light_DIHH"><img src=/img/cornerstone-dark.png alt=Cornerstone.js class="themedComponent_DHUr themedComponent--dark_Bv2M"></div></a><a aria-current=page class="navbar__item navbar__link navbar__link--active" href=/docs/getting-started/overview>Docs</a><a class="navbar__item navbar__link" href=/docs/examples>Examples</a><a href=https://ohif.org/collaborate target=_blank rel="noopener noreferrer" class="navbar__item navbar__link">Community<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_awgD><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><div class="navbar__item dropdown dropdown--hoverable"><a href=# aria-haspopup=true aria-expanded=false role=button class=navbar__link>API</a><ul class=dropdown__menu><li><a class=dropdown__link href=/docs/api/core>Core</a><li><a class=dropdown__link href=/docs/api/tools>Tools</a><li><a class=dropdown__link href=/docs/api/dicomImageLoader>DICOM Image Loader</a><li><a class=dropdown__link href=/docs/api/nifti-volume-loader>NIFTI Volume Loader</a><li><a class=dropdown__link href=/docs/api/adapters>Adapters</a></ul></div><a class="navbar__item navbar__link new-badge" href=/docs/migration-guides/5x>5.0 Migration Guides</a></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class=navbar__link aria-haspopup=true aria-expanded=false role=button href=/docs/getting-started/overview>5.0 (Latest)</a><ul class=dropdown__menu><li><a aria-current=page class="dropdown__link dropdown__link--active" href=/docs/getting-started/overview>5.0 (Latest)</a><li><hr class=dropdown-separator><li><a href=https://v3.cornerstonejs.org/ target=_blank rel="noopener noreferrer" class=dropdown__link>3.0<svg width=12 height=12 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_awgD><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li><a href=https://v2.cornerstonejs.org/ target=_blank rel="noopener noreferrer" class=dropdown__link>2.0<svg width=12 height=12 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_awgD><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li><a href=https://v1.cornerstonejs.org/ target=_blank rel="noopener noreferrer" class=dropdown__link>1.0<svg width=12 height=12 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_awgD><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a></ul></div><a class="navbar__item navbar__link" href=/docs/help>Help</a><a class="navbar__item navbar__link" href=/docs/faq>FAQ</a><a href=https://github.com/cornerstonejs/cornerstone3D/ target=_blank rel="noopener noreferrer" class="navbar__item navbar__link header-github-link" aria-label="GitHub Repository"></a><div class="toggle_OLSw colorModeToggle_Hg9V"><button class="clean-btn toggleButton_wYmb toggleButtonDisabled_vaDU" type=button disabled title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-l
1ive=polite aria-pressed=false><svg viewBox="0 0 24 24" width=24 height=24 class=lightToggleIcon_Sxwe><path fill=currentColor d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"/></svg><svg viewBox="0 0 24 24" width=24 height=24 class=darkToggleIcon_Yem1><path fill=currentColor d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"/></svg></button></div><div class=navbarSearchContainer_bmvg><button type=button class="DocSearch DocSearch-Button" aria-label="Search (Command+K)"><span class=DocSearch-Button-Container><svg width=20 height=20 class=DocSearch-Search-Icon viewBox="0 0 20 20" aria-hidden=true><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke=currentColor fill=none fill-rule=evenodd stroke-linecap=round stroke-linejoin=round /></svg><span class=DocSearch-Button-Placeholder>Search</span></span><span class=DocSearch-Button-Keys></span></button></div></div></div><div role=presentation class=navbar-sidebar__backdrop></div></nav><div id=__docusaurus_skipToContent_fallback class="main-wrapper mainWrapper_UyTV"><div class=docsWrapper_XLvK><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_z1FD" type=button></button><div class=docRoot_HciC><aside class="theme-doc-sidebar-container docSidebarContainer_e5ai"><div class=sidebarViewport_N8x0><div class=sidebar_vJCc><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_qiME"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class=menu__list-item-collapsible><a class="menu__link menu__link--sublist menu__link--active" href=/docs/category/getting-started>Getting Started</a><button aria-label="Collapse sidebar category 'Getting Started'" aria-expanded=true type=button class="clean-btn menu__caret"></button></div><ul style=display:block;overflow:visible;height:auto class=menu__list><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current=page tabindex=0 href=/docs/getting-started/overview>Overview</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class=menu__link tabindex=0 href=/docs/getting-started/scope>Scope of Project</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class=menu__link tabindex=0 href=/docs/getting-started/related-libraries>Related Libraries</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class=menu__link tabindex=0 href=/docs/getting-started/installation>Installation</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class=menu__link tabindex=0 href=/docs/getting-started/vue-angular-react-etc>React, Vue, Angular, etc.</a></ul><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class=menu__list-item-collapsible><a class="menu__link menu__link--sublist" href=/docs/category/tutorials>Tutorials</a><button aria-label="Expand sidebar category 'Tutorials'" aria-expanded=false type=button class="clean-btn menu__caret"></button></div><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class=menu__list-item-collapsible><a class="menu__link menu__link--sublist" href=/docs/category/how-to-guides>How-to Guides</a><button aria-label="Expand sidebar category 'How-to Guides'" aria-expanded=false type=button class="clean-btn menu__caret"></button></div><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class=menu__list-item-collapsible><a class="menu__link menu__link--sublist" href=/docs/category/concepts>Concepts</a><button aria-label="Expand sidebar category 'Concepts'" aria-expanded=false type=button class="clean-btn menu__caret"></button></div><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class=menu__list-item-collapsible><a class="menu__link menu__link--sublist" href=/docs/category/contributing>Contributing</a><button aria-label="Expand sidebar category 'Contributing'" aria-expanded=false type=button class="clean-btn menu__caret"></button></div><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class=menu__list-item-collapsible><a class="menu__link menu__link--sublist" href=/docs/category/specifications>Specifications</a><button aria-label="Expand sidebar category 'Specifications'" aria-expanded=false type=button class="clean-btn menu__caret"></button></div><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class=menu__list-item-collapsible><a class="menu__link menu__link--sublist" href=/docs/category/migration-guides>Migration Guides</a><button aria-label="Expand sidebar category 'Migration Guides'" aria-expanded=false type=button class="clean-btn menu__caret"></button></div><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class=menu__link href=/docs/faq>Frequently Asked Questions</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class=menu__link href=/docs/help>Help</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class=menu__link href=/docs/examples>Examples</a><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class=menu__link href=/docs/test-coverage>Test Coverage</a></ul></nav></div></div></aside><main class=docMainContainer_namt><div class="container padding-top--md padding-bottom--lg"><div class=row><div class="col docItemCol_YAwJ"><div class=docItemContainer_Rv5Z><article><div class="tocCollapsible_O_Qc theme-doc-toc-mobile tocMobile_tjDr"><button type=button class="clean-btn tocCollapsibleButton_htYj">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Overview</h1></header>
2<p><code>Cornerstone3D</code> is a lightweight Javascript library for visualization of medical images in modern web browsers that support the HTML5 canvas element.
3Using <code>@cornerstonejs/core</code> and its accompanying libraries such as <code>@cornerstonejs/tools</code>, you can achieve a wide range of imaging tasks.</p>
4<br>
5<a href='/live-examples/petct' target='_blank'><button id=open-ptct-button><p>Open PT/CT Demo</button></a>
6<br>
7<br>
8<a href='/live-examples/local' target='_blank'><button id=open-ptct-button><p>Open Local DICOM Demo</button></a>
9<h2 class="anchor anchorWithStickyNavbar_fF9Z" id=features>Features<a href=#features class=hash-link aria-label="Direct link to Features" title="Direct link to Features">​</a></h2>
10<h3 class="anchor anchorWithStickyNavbar_fF9Z" id=rendering>Rendering<a href=#rendering class=hash-link aria-label="Direct link to Rendering" title="Direct link to Rendering">​</a></h3>
11<p>Using the new <code>Cornerstone3D</code> rendering engine and its Stack and Volume viewports, you can:</p>
12<ul>
13<li>Render all transfer syntaxes including various compressed formats such as JPEG2000, JPEG Lossless</li>
14<li>Stream the slices of a volume and view them in real-time as they are being loaded</li>
15<li>View the same volume in different orientations such as axial, sagittal, and coronal without having to re-load the entire volume again (minimum memory footprint)</li>
16<li>View oblique slices in a volume</li>
17<li>Render different blends of the same volume (e.g. MIP (maximum intensity projection) and average intensity projection)</li>
18<li>Fuse and overlay multiple images such as PET/CT fusion</li>
19<li>Render color images and render them as a volume</li>
20<li>Fall back to CPU rendering when GPU rendering is not available</li>
21<li>
21Change calibration of the images by modifying the metadata for the viewport (e.g. pixel spacing)</li>
22</ul>
23<h3 class="anchor anchorWithStickyNavbar_fF9Z" id=manipulation>Manipulation<a href=#manipulation class=hash-link aria-label="Direct link to Manipulation" title="Direct link to Manipulation">​</a></h3>
24<p><code>Cornerstone3DTools</code> enables the following features:</p>
25<ul>
26<li>Zoom in and out of the image using mouse bindings</li>
27<li>Pan the image in any direction</li>
28<li>Scroll through the image in any orientation even in oblique slices</li>
29<li>Change the window level of the image</li>
30</ul>
31<p><img decoding=async loading=lazy src=/assets/images/overview-manipulation-64eeaf2139c3a71e732503be3f5cffd0.gif class=img__Ss2></p>
32<h3 class="anchor anchorWithStickyNavbar_fF9Z" id=annotation>Annotation<a href=#annotation class=hash-link aria-label="Direct link to Annotation" title="Direct link to Annotation">​</a></h3>
33<p><code>Cornerstone3DTools</code> also enables annotating images using tools. All annotations are
34rendered as SVG elements which ensures that they are displayed at the best possible quality
35in any monitor resolution. Annotations in <code>Cornerstone3DTools</code> are stored
36in the actual physical space of the image which lets you render/modify the same annotations in multiple viewports.
37In addition, you can:</p>
38<ul>
39<li>Activate certain tools on certain viewports with ToolGroups (e.g., on scroll activate slice scrolling on CT Axial viewport but volume rotation for PT MIP viewport)</li>
40<li>Measure distances between two points using the Length tool</li>
41<li>Measure length and width using bidirectional line tools</li>
42<li>Calculate statistics such as mean, standard deviation of a region of interest using Rectangle/Elliptical ROI Tool</li>
43<li>Use crosshairs to find corresponding points in images of different viewports and navigate slices using reference lines</li>
44<li>Assign different tools to be activated while holding a specific modifier key (e.g. shift, ctrl, alt)</li>
45<li>Create your own custom tools</li>
46</ul>
47<p><img decoding=async loading=lazy src=/assets/images/overview-annotation-815bf4a28589b5ff877877c4718d2d66.gif class=img__Ss2></p>
48<h3 class="anchor anchorWithStickyNavbar_fF9Z" id=segmentation>Segmentation<a href=#segmentation class=hash-link aria-label="Direct link to Segmentation" title="Direct link to Segmentation">​</a></h3>
49<p><code>Cornerstone3D</code> supports rendering segmentations of images as labelmaps in all viewports including stack, volume, and 3D.
50You can:</p>
51<ul>
52<li>Render segmentations as labelmaps in the viewports (e.g. segmentation of CT lung)</li>
53<li>Convert the label maps to surfaces in the 3D viewport and apply the same color.</li>
54<li>View segmentations in any orientation (e.g. axial, sagittal, coronal) even in oblique slices</li>
55<li>Change labelmap configuration (e.g. color, opacity, outline rendering, outline thickness etc.)</li>
56<li>Edit/draw a segment in 3D Axial, Sagittal, Coronal using scissor tools such as Rectangle, Ellipse scissors</li>
57<li>Apply a certain threshold to a labelmap for the region of interest</li>
58</ul>
59<h3 class="anchor anchorWithStickyNavbar_fF9Z" id=synchronization>Synchronization<a href=#synchronization class=hash-link aria-label="Direct link to Synchronization" title="Direct link to Synchronization">​</a></h3>
60<p><code>Cornerstone3D</code> supports synchronization between multiple viewports. Currently, there
61are two implemented synchronizers and we are working on more.</p>
62<ul>
63<li>WindowLevel synchronizer: synchronizes the window level of the source and target viewports</li>
64<li>Camera synchronizer: synchronizes the camera of the source and target viewports</li>
65</ul>
66<p>For Generic/Next viewport integrations, camera-style synchronization is modeled
67as <code>ViewState</code> plus viewport projection: tools can read portable presentation
68with <code>viewportProjection.getPresentation(...)</code> and apply the translated native
69state through <code>setViewState(...)</code>.</p>
70<h2 class="anchor anchorWithStickyNavbar_fF9Z" id=about-this-documentation>About this documentation<a href=#about-this-documentation class=hash-link aria-label="Direct link to About this documentation" title="Direct link to About this documentation">​</a></h2>
71<p>Our documentation can be broken down into the following sections:</p>
72<ul>
73<li><a href=/docs/category/getting-started><strong>Getting Started</strong></a>: covers the scope of the project, related libraries and other relevant information, and installation instructions</li>
74<li><a href=/docs/category/tutorials><strong>Tutorials</strong></a>: provides a series of tutorials for different tasks such as rendering, tools, segmentation</li>
75<li><a href=/docs/category/how-to-guides><strong>How-to-Guides</strong></a>: provides guides for more advanced tasks such as custom loaders, custom metadata providers</li>
76<li><a href=/docs/category/concepts><strong>Concepts</strong></a>: explains an in-depth look at various technical concepts that are used in the library</li>
77<li><a href=/docs/category/contributing/><strong>Contributing</strong></a>: explains how to contribute to the project and how to report bugs</li>
78<li><a href=/docs/migration-guides/2x/general><strong>Migration Guides</strong></a>
78: includes instructions for upgrading from legacy to new versions of the library, and also upgrading from 1.x to 2.x</li>
79<li><a href=/docs/faq><strong>FAQ</strong></a>: provides answers to frequently asked questions</li>
80<li><a href=/docs/help><strong>Help</strong></a>: provides information of how to get help with the library</li>
81<li><a href=/docs/examples><strong>Examples</strong></a>: Displays the live examples of the library</li>
82<li><a href=/docs/api/core><strong>API Reference</strong></a>: provides a detailed description of the API and how to use each function</li>
83</ul>
84<p>If a page is no longer up-to-date, you can author a PR to update it by modifying
85the files in <code>/packages/docs/docs/*.md</code>. Read more on how to contribute <a href=/docs/contribute/pull-request>here</a>.</div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class=col><a href=https://github.com/cornerstonejs/cornerstone3D/edit/main/packages/docs/docs/getting-started/overview.md target=_blank rel="noopener noreferrer" class=theme-edit-this-page><svg fill=currentColor height=20 width=20 viewBox="0 0 40 40" class=iconEdit_UohW aria-hidden=true><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"/></g></svg>Edit this page</a></div><div class="col lastUpdated_g62E"></div></div></footer></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href=/docs/category/getting-started><div class=pagination-nav__sublabel>Previous</div><div class=pagination-nav__label>Getting Started</div></a><a class="pagination-nav__link pagination-nav__link--next" href=/docs/getting-started/scope><div class=pagination-nav__sublabel>Next</div><div class=pagination-nav__label>Scope of Project</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_TN1Q thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href=#features class="table-of-contents__link toc-highlight">Features</a><ul><li><a href=#rendering class="table-of-contents__link toc-highlight">Rendering</a><li><a href=#manipulation class="table-of-contents__link toc-highlight">Manipulation</a><li><a href=#annotation class="table-of-contents__link toc-highlight">Annotation</a><li><a href=#segmentation class="table-of-contents__link toc-highlight">Segmentation</a><li><a href=#synchronization class="table-of-contents__link toc-highlight">Synchronization</a></ul><li><a href=#about-this-documentation class="table-of-contents__link toc-highlight">About this documentation</a></ul></div></div></div></div></main></div></div></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class=footer__title></div><ul class="footer__items clean-list"><li class=footer__item>
86               <div id=logo-wrapper-footer>
87                <a href=https://www.cornerstonejs.org/ target=_blank>
88                  <img src=/img/cornerstone-dark-footer.png id=cs-logo-footer alt=cornerstone>
89                </a>
90                <a href=https://ohif.org/ target=_blank>
91                  <img src=/img/ohif-logo-dark.svg id=ohif-logo-footer alt=ohif>
92                </a>
93              </div>
94
95              </ul></div><div class="col footer__col"><div class=footer__title>Learn</div><ul class="footer__items clean-list"><li class=footer__item><a class=footer__link-item href=/docs/getting-started/overview>Getting Started</a><li class=footer__item><a class=footer__link-item href=/docs/category/tutorials>Tutorials</a><li class=footer__item><a class=footer__link-item href=/docs/category/how-to-guides>How-to Guides</a><li class=footer__item><a class=footer__link-item href=/docs/category/concepts>Concepts</a></ul></div><div class="col footer__col"><div class=footer__title>Community</div><ul class="footer__items clean-list"><li class=footer__item><a href=https://community.ohif.org/ target=_blank rel="noopener noreferrer" class=footer__link-item>Discussion board<svg width=13.5 height=13.5 aria-hidden=true viewB
95ox="0 0 24 24" class=iconExternalLink_awgD><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item><a class=footer__link-item href=/docs/help>Help</a><li class=footer__item><a class=footer__link-item href=/docs/category/contributing>Contributing</a></ul></div><div class="col footer__col"><div class=footer__title>More</div><ul class="footer__items clean-list"><li class=footer__item><a href=https://ohif.org/donate/ target=_blank rel="noopener noreferrer" class=footer__link-item>Donate<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_awgD><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item><a href=https://github.com/cornerstonejs/cornerstone3D/ target=_blank rel="noopener noreferrer" class=footer__link-item>GitHub<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_awgD><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item><a href=https://twitter.com/OHIFviewer target=_blank rel="noopener noreferrer" class=footer__link-item>Twitter<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_awgD><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a><li class=footer__item><a href=https://join.slack.com/t/cornerstonejs/shared_invite/zt-2c7g8j7ds-qc~hGNmhdxd02O_~cmZuDw target=_blank rel="noopener noreferrer" class=footer__link-item>Slack<svg width=13.5 height=13.5 aria-hidden=true viewBox="0 0 24 24" class=iconExternalLink_awgD><path fill=currentColor d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg></a></ul></div></div><div class="footer__bottom text--center"><div class=footer__copyright>Cornerstone is open source software released under the MIT license.</div></div></div></footer></div>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.