在cornerstone中，一個可用元素是一個HTML DOM節(jié)點(通常是DIV)， cornerstone在其中顯示一個交互式醫(yī)學(xué)圖像。要顯示圖像，web開發(fā)人員需要執(zhí)行以下操作:
- 在web頁面中的腳本標(biāo)記中引用 cornerstore的javascript庫文件
- 引用一個或多個 圖像加載器 的javascript文件，cornerstone將在web頁面中實際加載像素數(shù)據(jù)(例如WADO、WADO- rs、custom)
- 向DOM中添加一個元素，用于顯示其中的圖像
- 使用CSS將元素與所需的寬度和高度一起放置在頁面上
- 調(diào)用enable() api準(zhǔn)備顯示圖像的元素
- 使用loadImage() api加載圖像
- 使用 displayImage() api顯示加載的圖像
有關(guān)使用基石所需的最小代碼，請參閱minimal example。在此基礎(chǔ)上，web開發(fā)人員可以選擇執(zhí)行以下操作:
指定 Viewport 參數(shù)，如窗口寬度/窗口中心，縮放和平移。在調(diào)用displayImage() api或稍后通過調(diào)用setViewport api call調(diào)用來指定視口
監(jiān)聽CornerstoneImageRendered event事件，這樣就可以繪制圖像(例如注釋)
監(jiān)聽 CornerstoneViewportUpdated event事件，這樣就可以知道圖像視圖屬性的變化
實現(xiàn)一個定制的 ImageLoader，可以檢索存儲在非標(biāo)準(zhǔn)容器或通過非標(biāo)準(zhǔn)協(xié)議的圖像
調(diào)用resize()在DOM元素的大小發(fā)生變化時通知cornerstone
您可能還希望包括基礎(chǔ)工具庫 Cornerstone Tools Library ，以便隨時準(zhǔn)備使用諸如ww/wc、pan、zoom和measurement等工具。
