前言
现在的前端开发离不开 npm 包，这为开发者们提供了更方便、更快捷的开发方式，同时也为开源库的流行提供了无限的可能性。在这篇文章中，我们将介绍一个 npm 包 @wouterflorijn/cornerstone，教你如何使用它并介绍它的学习以及指导意义。
简介
@wouterflorijn/cornerstone 是一个基于 Cornerstone.js 的扩展包。Cornerstone.js 是一个用于医学图像处理的开源库，它使用 HTML5 Canvas 和 JavaScript 来显示 DICOM 图像。@wouterflorijn/cornerstone 的出现为 Cornerstone.js 补充了缺失的功能，使它更加完整并提供了更多的可能性。
安装
你可以通过以下命令来安装 @wouterflorijn/cornerstone：
npm install @wouterflorijn/cornerstone
使用
@wouterflorijn/cornerstone 可以用来实现多种功能，下面我们将介绍它的几个常见使用场景。
图像加载
要使用 @wouterflorijn/cornerstone 显示 DICOM 图像，你需要将图片转换成 Cornerstone.js 能够识别的格式。可以使用以下命令将 DICOM 图像转换成 Cornerstone.js 的格式：
-- -------------------- ---- -------
----------------------------------------------- - ------------
--------------------------------------- - --------------------------------------
--------------------------------------
----------- ------------- -
------------------------------------- -------- --------------------
-
---
--------------------------------------------------------
-------------- ----------------------------- -- --
------------------------ -----
------------------ -
----------- -
-------------------- -----
-------------------------- ------
----------- --------------------------------------
--------- ------
------- -----
-
-
---图像测量
@wouterflorijn/cornerstone 可以对图像进行测量，例如：线段、矩形、椭圆、角度、距离、面积等等。
-- -------------------- ---- -------
--- -------------- - ---------------------------------------
--- --------------- - -
--------- ---------
-------- ---------------
----------- --- -- -- ---
--------- --- ---- -- -----
---------- --
---------- ------
-------- -
------ -
-- --
-- -
--
---- -
-- ----
-- ---
-
--
------------ ----
-
-------------------------------------- --------- -----------------窗口宽度/窗口位
@wouterflorijn/cornerstone 可以对图像进行调整，例如：窗口宽度/窗口位的调整。
let viewport = cornerstone.getViewport(element); viewport.voi.windowWidth += 100; viewport.voi.windowCenter += 50; cornerstone.setViewport(element, viewport);
总结
通过本文的介绍，相信大家已经对 @wouterflorijn/cornerstone 的使用有了更深入的了解，同时也了解了它的学习以及指导意义。希望它能够为你的工作提供帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005601381e8991b448de143