在cornerstone中蚯姆,一個可用元素是一個HTML DOM節(jié)點(通常是DIV), cornerstone在其中顯示一個交互式醫(yī)學(xué)圖像洒敏。要顯示圖像龄恋,web開發(fā)人員需要執(zhí)行以下操作:
- 在web頁面中的腳本標記中引用 cornerstore的javascript庫文件
- 引用一個或多個 圖像加載器 的javascript文件,cornerstone將在web頁面中實際加載像素數(shù)據(jù)(例如WADO桐玻、WADO- rs篙挽、custom)
- 向DOM中添加一個元素,用于顯示其中的圖像
- 使用CSS將元素與所需的寬度和高度一起放置在頁面上
- 調(diào)用enable() api準備顯示圖像的元素
- 使用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,可以檢索存儲在非標準容器或通過非標準協(xié)議的圖像
調(diào)用resize()在DOM元素的大小發(fā)生變化時通知cornerstone
您可能還希望包括基礎(chǔ)工具庫 Cornerstone Tools Library ,以便隨時準備使用諸如ww/wc轿衔、pan沉迹、zoom和measurement等工具。