可用元素

在cornerstone中，一个可用元素是一个HTML DOM节点(通常是DIV)， cornerstone在其中显示一个交互式医学图像。要显示图像，web开发人员需要执行以下操作:

1. 在web页面中的脚本标记中引用 cornerstore的javascript库文件
2. 引用一个或多个 图像加载器 的javascript文件，cornerstone将在web页面中实际加载像素数据(例如WADO、WADO- rs、custom)
3. 向DOM中添加一个元素，用于显示其中的图像
4. 使用CSS将元素与所需的宽度和高度一起放置在页面上
5. 调用enable() api准备显示图像的元素
6. 使用loadImage() api加载图像
7. 使用 displayImage() api显示加载的图像

有关使用基石所需的最小代码，请参阅minimal example。在此基础上，web开发人员可以选择执行以下操作:

1. 指定 Viewport 参数，如窗口宽度/窗口中心，缩放和平移。在调用displayImage() api或稍后通过调用setViewport api call调用来指定视口

2. 监听CornerstoneImageRendered event事件，这样就可以绘制图像(例如注释)

3. 监听 CornerstoneViewportUpdated event事件，这样就可以知道图像视图属性的变化

4. 实现一个定制的 ImageLoader，可以检索存储在非标准容器或通过非标准协议的图像

5. 调用resize()在DOM元素的大小发生变化时通知cornerstone

您可能还希望包括基础工具库 Cornerstone Tools Library ，以便随时准备使用诸如ww/wc、pan、zoom和measurement等工具。