cornerstone Tools 基础工具配置篇

cornerstoneTools 中有一些基础的工具，提供影像预览调整、信息展示、比例参考等相关的功能，本篇将详细介绍这些基础工具的配置项。

众所周知，cornerstoneTools 中的工具均是通过继承父类来实现具体的功能，关于基础功能的父类 BaseTool 具体在 cornerstone Tools 基础概念中已介绍。

基础工具 props 配置项

DragProbeTool 拖动探针

const props = {
  configuration: {
    // 是否开启阴影
    shadow: false,
    // 阴影颜色
    shadowColor: "#000000",
    // 阴影模糊程度
    shadowBlur: 0,
    // 阴影偏移量横坐标
    shadowOffsetX: 1,
    // 阴影偏移量纵坐标
    shadowOffsetY: 1
  }
};
复制代码

EraserTool 橡皮擦

目前，EraserTool 并无先关的配置项。

MagnifyTool 放大镜

const props = {
  configuration: {
    // 放大将尺寸
    magnifySize: 300,
    // 放大镜放大倍数
    magnificationLevel: 2
  }
};
复制代码

OverlayTool 覆盖层

目前，OverlayTool 并无先关的配置项。

OrientationMarkersTool 方向标记

const props = {
  configuration: {
    // 是否显示全部方向标记，未开启则只显示上侧与左侧的方向标记
    drawAllMarkers: true
  }
};
复制代码

PanTool 平移

目前，PanTool 并无先关的配置项。

RotateTool 旋转

const props = {
  configuration: {
    // 是否采用整数的角度，自动取整
    roundAngles: false,
    // 水平方向翻转角度
    flipHorizontal: false,
    // 垂直方向翻转角度
    flipVertical: false,
    // 角度的步长，此项调整旋转的鼠标的控制力度
    rotateScale: 1
  }
};
复制代码

ScaleOverlayTool 比例尺

const props = {
  configuration: {
    // 次要刻度线的长度
    minorTickLength: 12.5,
    // 主要刻度线的长度
    majorTickLength: 25,
    // 是否开启阴影
    shadow: false,
    // 阴影颜色
    shadowColor: "#000000",
    // 阴影模糊程度
    shadowBlur: 0,
    // 阴影偏移量横坐标
    shadowOffsetX: 1,
    // 阴影偏移量纵坐标
    shadowOffsetY: 1
  }
};
复制代码

WwwcRegionTool 框选调窗

const props = {
  configuration: {
    // 最小的窗宽数值
    minWindowWidth: 10
  }
};
复制代码

WwwcTool 调窗

const props = {
  configuration: {
    // 0：窗宽横向调整、窗位纵向调整；1：窗宽纵向调整、窗位横向调整
    orientation: 0
  }
};
复制代码

ZoomMouseWheelTool 鼠标滚轮缩放

const props = {
  configuration: {
    // 最小缩放比例
    minScale: 0.25,
    // 最大缩放比例
    maxScale: 20.0,
    // 滚轮方向是否反转，false：上滚放大、下滚缩小；true：上滚缩小、下滚放大
    invert: false
  }
};
复制代码

ZoomTool 缩放

const props = {
  configuration: {
    invert: false,
    preventZoomOutsideImage: false,
    minScale: 0.25,
    maxScale: 20.0
  }
};
复制代码

最简单的例子

通过以上配置，可以搭建最基础的 dicom 预览程序，下面有一个最简单实现的案例。

最后面的 LengthTool 工具是为了配合 EraserTool 工具的使用效果加入的。

原文：juejin.cn/post/720504…

记录一下：cornerstone Tools 基础工具配置篇