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