ReferenceLinesTool 参考线工具使用篇

CornerstoneTools 中的 ReferenceLinesTool 参考线工具（也叫定位线），可以在显示一幅切片影像的同时，在与该切片正交或斜交的定位图上显示定位线。这样就可以更加直观的表现出影像之间的空间位置关系，临床医生能够更准确的定位病灶的空间位置。

工具使用过程

根据两种扫描各自的特征，CT 和 MR 采取不同的显示布局： CT 的定位影像通常只在一个序列中，而且数量较少，所以采取一个显示框内存放定位影像，其他显示框内存放切片影像，来相对定位影像画定位线的布局结构。 MR 则是任何影像都可能是切片影像或是定位影像，注重的是相互定位，除了当前影像，在每个显示框内的影像上都要画上定位线。

定义图像同步器

// 新建图像更新同步器
const synchronizer = new cornerstoneTools.Synchronizer(
  "cornerstonenewimage",
  cornerstoneTools.updateImageSynchronizer
);
// 获取已启用的元素
const firstElement = document.querySelector(".firstElement");
const secondElement = document.querySelector(".secondElement");
// 更多的已启用元素...

// 同步器添加需要同步的已启用元素
synchronizer.add(firstElement);
synchronizer.add(secondElement);
// 更多的已启用元素...

添加和激活参考线工具

添加参考线工具为了更加方便，不使用具体到已启用元素的 api ：addToolForElement，使用可以为所有已启用元素添加工具的 api ：addTool。 另外，只需要给需要显示参考线的启用元素装载参考线工具即可。

// 添加参考线工具
cornerstoneTools.addTool(cornerstoneTools.ReferenceLinesTool, {
  configuration: {
    // 渲染参考线的方法，此处一般无需配置，框架已定义 renderActiveReferenceLine 方法可使用
    renderer: renderActiveReferenceLine
  }
});
// 为需要显示参考线的启用元素激活参考线工具
cornerstoneTools.setToolEnabledForElement(firstElement, "ReferenceLines", {
  synchronizationContext: synchronizer
});

最简单的例子

老规矩，最后放上案例，更直观的看到效果。