PACS+Web使用cornerstone-tools绘制参考线

来源：点一下

实例如下

代码如下

//初始化基石工具
cornerstoneTools.init()//Enable参考线const scheme = 'wadouri'
const baseUrl = 'https://mypacs.com/dicoms/'// 设置栈数据
const firstSeries = ['image_1.dcm'
]const secondSeries = ['image_11.dcm','image_22.dcm','image_33.dcm','image_44.dcm'
]
//个人理解为初始化设置加载图片
const firstStack = {currentImageIdIndex: 0,imageIds: firstSeries.map(seriesImage => `${scheme}:${baseUrl}${seriesImage}`);,
};const secondStack = {currentImageIdIndex: 0,imageIds: secondSeries.map(seriesImage => `${scheme}:${baseUrl}${seriesImage}`);,
};// 设置同步功能
const synchronizer = new cornerstoneTools.Synchronizer(// 应该触发同步器的Cornerstone事件'cornerstonenewimage',// Logic that should run on target elements when event is observed on source elementscornerstoneTools.updateImageSynchronizer
)// 添加并激活工具
cornerstoneTools.addTool(cornerstoneTools.StackScrollTool);
cornerstoneTools.addTool(cornerstoneTools.StackScrollMouseWheelTool);
cornerstoneTools.setToolActive('StackScroll', { mouseButtonMask: 1 });
cornerstoneTools.setToolActive('StackScrollMouseWheel', { });// 加载图片并设置栈
const firstLoadImagePromise = cornerstone.loadImage(firstStack.imageIds[0]).then((image) => {cornerstone.displayImage(firstElement, image)// 设置工具状态和栈synchronizer.add(firstElement)cornerstoneTools.addStackStateManager(firstStack, ['stack', 'Crosshairs'])cornerstoneTools.addToolState(firstElement, 'stack', firstStack)})const secondLoadImagePromise = cornerstone.loadImage(secondStack.imageIds[0]).then((image) => {cornerstone.displayImage(secondElement, image)// 同上synchronizer.add(secondElement);cornerstoneTools.addStackStateManager(secondElement, ['stack', 'Crosshairs']);cornerstoneTools.addToolState(secondElement, 'stack', secondStack);})// 加载图像后，我们的同步上下文添加了两个元素
Promise.all([firstLoadImagePromise, secondLoadImagePromise]).then(() => {cornerstoneTools.addTool(cornerstoneTools.ReferenceLinesTool);cornerstoneTools.setToolEnabled('ReferenceLines', {synchronizationContext: synchronizer,});});

同步器：targetElements

参考线：sourceElements

重点是理解“参考线”和“同步器”之间的关系

PACS+Web使用cornerstone-tools绘制参考线相关推荐

[OHIF-Viewers]医疗数字阅片-医学影像-Cornerstone Tools
[OHIF-Viewers]医疗数字阅片-医学影像-Cornerstone Tools Cornerstone Tools Cornerstone的开发团队同时还开发并且开源了Cornerstone ...
如何进入embl的ebi网站fasta3服务器,The EMBL-EBI bioinformatics web and programmatic tools framework...
摘要: Since 2009 the EMBL-EBI Job Dispatcher framework has provided free access to a range of mainstre ...
Matlab之绘制参考线函数refline和refcurve
目录一.函数refline 1.功能 2.语法 3.示例 3.1在均值处添加参考线 3.2指定要添加最小二乘线和参考线的坐标区二.函数refcurve 1.功能 2.语法 3.示例 3.1添加总体 ...
Desmos-可能是迄今为止最好用的免费Web端数学图像绘制工具
介绍 Desmos是一个在线绘制函数图像的网站,通过表达式,Desmos可以轻松的帮助你绘制你想绘制的图像,精准且方便. 使用方法 1.首先进入www.desmos.com,你可以看到如图所示的界面. ...
第一百一十四期:盘点十大最新Web UI测试工具
本文为您盘点目前十大最新Web UI测试工具的各自优缺点,以方便您根据实际情况进行选择. 作者:陈峻在过去的几年中,业界至少出现了十二种全新的UI测试自动化工具.虽然每一种工具都有各自的侧重点,但是 ...
从对web services的支持来比较J2EE和.NET (转)
从对web services的支持来比较J2EE和.NET (转)[@more@] I. Preface In this whitepaper, we will make a powerful com ...
利用 CoreGraphics 绘制折线图
效果与元素分析实现效果图如下: 首先对折线图进行元素分割包含以下六部分元素渐变背景折线折线上的点折线范围内渐变参考线文本显示的 Label 除了6之外,其他几个元素都在 draw(_: ...
基于.Net 2.0 (C# 2.0, ASP.NET 2.0)的快速Web开发框架设计
基于.Net 2.0 (C# 2.0, ASP.NET 2.0)的快速Web开发框架设计整个Framework结构如下: Framework.Common - 常用组件(Design By Cont ...
火狐web开发清楚缓存_如何使用Firefox的Web开发工具
火狐web开发清楚缓存 Firefox's Web Developer menu contains tools for inspecting pages, executing arbitrary Ja ...

PACS+Web使用cornerstone-tools绘制参考线

实例如下

代码如下

同步器：targetElements

参考线：sourceElements

重点是理解“参考线”和“同步器”之间的关系

PACS+Web使用cornerstone-tools绘制参考线相关推荐

最新文章

热门文章