携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第12天，点击查看活动详情
个人概述
因为我是个前端开发，由于有一个需求,需要在零件图片上进行标注，所以当时用到了Cornerstone,而我也想把的使用过程记录下来，可能也有人会用到这个标注工具，虽然可能用到的人很少，但还是想记录下来。
展示图
介绍
Cornerstone是一套JavaScript底层组件，用于支持医学影像的显示与交互；OHIF Viewer是一套基于Cornerstone开发的纯网页版医学影像浏览前端。如同它的名字一样，Cornerstone为医学影像Web前端开发提供基石；OHIF Viewer则是基于这套基石开发的Web前端应用。
Cornerstone是底层基石，OHIF Viewer是上层应用。
在Cornerstone之上，还封装开发了一个更高层级的工具组件库Cornerstone Tools；
Cornerstone
Cornerstone的API文档地址 https://docs.cornerstonejs.org/
Cornerstone的GitHub地址github.com/cornerstone…
Cornerstone从设计到实现，具有三大特性：
标准兼容——支持DICOM影像解析，来实现图像网页显示；
支持DICOMweb中的WADO-URI和WADO-RS接口，来实现图像网页获取。
高性能——采用网页端多线程解码，来加速图像显示。
这一点对于互联网应用采用JPEG等压缩方式来传输图像非常有帮助。
可扩展——采用模块化（组件）设计，能够嵌入不同前端架构。
例如目前最流行的React架构。
Cornerstone支持：
图像加载、显示、缓存、插值，以及OpenGL渲染
支持灰度映射表，包括设备映射表和感兴趣区映射表
支持显示状态，Presentation State
窗宽窗位、反色、缩放、平移、翻转、旋转
伪彩显示、融合显示、图层Overlay
页面内图像布局
序列图像浏览Cine
Cornerstone Tools
Cornerstone Tools的API文档地址 https://tools.cornerstonejs.org/
Cornerstone Tools的GitHub的地址github.com/cornerstone…
Cornerstone Tools的例子文档：tools.cornerstonejs.org/examples/
Cornerstone Tools覆盖了下述功能：
- 探针、角度、长度、正交线、Cobb角测量
- 椭圆、矩形、自由区域测量
- 箭头、文字标注
- 画刷、橡皮
OHIF
在介绍OHIF Viewer之前，有必要先介绍OHIF。OHIF，ohif.org/， 英文全称为Open Health Imaging Foundation。
作为示例，OHIF开发了两个前端软件，分别是OHIF-viewer和LesionTracker。这两个软件都是基于Cornerstone开发的，都遵循MIT协议，允许商用。其中，前者是一个通用的纯网页版医学影像浏览前端；后者则面向病灶（肿瘤）随访提供了更加专业的工具组件。
OHIF Viewer
OHIF Viewer包含了日常放射影像浏览与测量的各项基础功能。OHIF Viewer满足临床医生日常阅片或放射医生“轻量级”会诊完全没有问题。只是如果用于放射科医生日常写报告“重量级/高强度”阅片，在阅片效率和专业工具丰富程度上，还有一定距离。不过放射科医生专业阅片也并不是OHIF Viewer主打的应用场景。
在线文档：docs.ohif.org/
LesionTracker
专业论文：www.ncbi.nlm.nih.gov/pubmed/2909…
在线文档：docs.ohif.org/
好了，本篇文章就到这了，下一节，我会讲一下如何在VUE中如何使用cornerstone-tools
更多详细介绍：
