在cornerstone中，一个可用元素是一个HTML DOM节点(通常是DIV)， cornerstone在其中显示一个交互式医学图像。要显示图像，web开发人员需要执行以下操作:
- 在web页面中的脚本标记中引用 cornerstore的javascript库文件
- 引用一个或多个 图像加载器 的javascript文件，cornerstone将在web页面中实际加载像素数据(例如WADO、WADO- rs、custom)
- 向DOM中添加一个元素，用于显示其中的图像
- 使用CSS将元素与所需的宽度和高度一起放置在页面上
- 调用enable() api准备显示图像的元素
- 使用loadImage() api加载图像
- 使用 displayImage() api显示加载的图像
有关使用基石所需的最小代码，请参阅minimal example。在此基础上，web开发人员可以选择执行以下操作:
指定 Viewport 参数，如窗口宽度/窗口中心，缩放和平移。在调用displayImage() api或稍后通过调用setViewport api call调用来指定视口
监听CornerstoneImageRendered event事件，这样就可以绘制图像(例如注释)
监听 CornerstoneViewportUpdated event事件，这样就可以知道图像视图属性的变化
实现一个定制的 ImageLoader，可以检索存储在非标准容器或通过非标准协议的图像
调用resize()在DOM元素的大小发生变化时通知cornerstone
您可能还希望包括基础工具库 Cornerstone Tools Library ，以便随时准备使用诸如ww/wc、pan、zoom和measurement等工具。
