当前位置： 首页 > news >正文

Cornerstone完整的基于 Web 的医学成像平台（一）

news 2025/10/29 7:52:24

1.简介

Cornerstone是一个开源的基于Web的医学成像平台，它提供了一个易于使用的界面，可以用于加载、显示和处理医学图像。Cornerstone可以用于许多医学图像处理应用程序，例如计算机断层扫描（CT）、磁共振成像（MRI）和超声成像（US）等。

Cornerstone的主要特点包括：

跨平台性： Cornerstone基于Web技术开发，可以在不同的操作系统和设备上运行，例如Windows、Linux、macOS和移动设备等。
灵活性： Cornerstone提供了一组灵活的API，可以让开发人员自定义和扩展功能。
高性能： Cornerstone使用WebGL和Canvas技术来加速图像渲染，可以处理大量的图像数据。
开源： Cornerstone是一个开源项目，使用MIT许可证发布，可以自由使用和分发。
在本文中，我们将介绍如何在Ubuntu操作系统上安装和部署Cornerstone。以下是安装和部署Cornerstone的步骤：

2. 安装Node.js和NPM

Cornerstone是一个基于Node.js和NPM的Web应用程序，因此需要先安装Node.js和NPM。

使用以下命令在Ubuntu上安装Node.js和NPM：

sudo apt update
sudo apt install nodejs npm

安装完成后，可以使用以下命令验证Node.js和NPM的版本：

node -v
npm -v

3. 下载Cornerstone

使用以下命令从Cornerstone的GitHub仓库下载源代码：

git clone https://github.com/cornerstonejs/cornerstone.git

4. 构建和启动Cornerstone

在下载源代码后，使用以下命令安装依赖项：

cd cornerstone
npm install

安装完成后，可以使用以下命令启动Cornerstone：

npm start

该命令将启动Cornerstone服务器，并在本地端口3000上提供服务。可以使用Web浏览器访问http://localhost:3000来查看Cornerstone的示例应用程序。

5. 使用Cornerstone

Cornerstone提供了一组丰富的API和插件，可以让开发人员轻松地加载、显示和处理医学图像。例如，以下代码片段演示了如何在Web页面中加载和显示DICOM格式的图像：

// 加载Cornerstone核心模块
import cornerstone from 'cornerstone-core';// 加载DICOM格式解码器
import dicomParser from 'dicom-parser';// 加载Cornerstone DICOM模块
import cornerstoneWADOImageLoader from 'cornerstone-wado-image-loader';
import cornerstoneDICOM from 'cornerstone-dicom-loader';// 设置DICOM格式解码器
cornerstoneWADOImageLoader.external.cornerstone = cornerstone;
cornerstoneWADOImageLoader.external.dicomParser = dicomParser;// 加载DICOM文件
const file = 'https://example.com/path/to/dicom/file.dcm';
const imageId = cornerstoneWADOImageLoader.wadouri.fileManager.add(file);// 显示图像
const element = document.getElementById('image-container');
cornerstone.enable(element);
cornerstone.loadImage(imageId).then(image => {
cornerstone.displayImage(element, image);
});

6. 实列代码Cornerstone

以下是一个完整的基于Web的医学成像平台Cornerstone的示例代码，包括加载DICOM格式的图像和测量工具的使用。代码中的注释提供了更详细的解释和说明。

<!DOCTYPE html>
<html>
<head><title>Cornerstone Example</title><!-- 引入Cornerstone库的CSS和JS文件 --><link rel="stylesheet" href="https://unpkg.com/cornerstone-core/dist/cornerstone.min.css" /><script src="https://unpkg.com/cornerstone-core/dist/cornerstone.min.js"></script><!-- 引入DICOM格式的解码器和加载器 --><script src="https://unpkg.com/cornerstone-wado-image-loader/dist/cornerstoneWADOImageLoader.min.js"></script><script src="https://unpkg.com/cornerstone-dicom-loader/dist/cornerstoneDICOMLoader.min.js"></script>
</head>
<body><div id="image-container"></div><!-- 加载和显示DICOM格式的图像 --><script>// 加载DICOM文件const file = 'https://example.com/path/to/dicom/file.dcm';const imageId = cornerstoneWADOImageLoader.wadouri.fileManager.add(file);// 显示图像const element = document.getElementById('image-container');cornerstone.enable(element);cornerstone.loadImage(imageId).then(image => {cornerstone.displayImage(element, image);});</script><!-- 添加测量工具 --><script>const mouseTool = cornerstoneTools.MouseButtonTool({// 工具名称name: 'Mouse',// 鼠标点击事件mouseDownCallback: function (e) {console.log('mouse down');},// 鼠标移动事件mouseMoveCallback: function (e) {console.log('mouse move');},// 鼠标松开事件mouseUpCallback: function (e) {console.log('mouse up');}});// 将测量工具添加到工具栏cornerstoneTools.addTool(mouseTool);cornerstoneTools.setToolActive('Mouse');</script>
</body>
</html>

在上面的代码中，我们引入了Cornerstone库的CSS和JS文件，以及DICOM格式的解码器和加载器。然后，我们使用cornerstoneWADOImageLoader.wadouri.fileManager.add方法加载DICOM文件，并使用cornerstone.enable方法启用Cornerstone在指定的DOM元素上显示图像。我们使用cornerstone.loadImage方法加载图像，并使用cornerstone.displayImage方法显示图像。

接下来，我们使用cornerstoneTools.MouseButtonTool方法创建一个测量工具，并将其添加到工具栏中。最后，我们使用cornerstoneTools.setToolActive方法激活该工具。

当用户使用该工具时，测量工具的回调函数将会被触发，例如当用户按下鼠标时，mouseDownCallback函数将会被调用。

相关文章：

Cornerstone完整的基于 Web 的医学成像平台（一）

1.简介 Cornerstone是一个开源的基于Web的医学成像平台&#xff0c;它提供了一个易于使用的界面&#xff0c;可以用于加载、显示和处理医学图像。Cornerstone可以用于许多医学图像处理应用程序&#xff0c;例如计算机断层扫描&#xff08;CT&#xff09;、磁共振成像&#xff…...

编程日记 2023/2/27 21:49:37

老板让我在Linux中使用traceroute排查服务器网络问题，幸好我收藏了这篇文章！

一、前言 作为网络工程师或者运维工程师&#xff0c;traceroute命令不会陌生&#xff0c;它的作用类似于ping命令&#xff0c;用于诊断网络的连通性&#xff0c;不过traceroute命令输出的命令会比ping命令丰富的多&#xff0c;可以跟踪从源系统到目标系统的路径。 很多工程师…...

编程日记 2023/2/27 21:48:31

一文读懂【数据埋点】

数据埋点是数据采集领域&#xff08;尤其是用户行为数据采集领域&#xff09;的术语&#xff0c;指的是针对特定用户行为或事件进行捕获、处理和发送的相关技术及其实施过程。比如用户某个icon点击次数、观看某个视频的时长等等。 数据分析是我们获得需求的来源之一&#xff0c…...

编程日记 2023/2/27 21:47:27

Qt图片定时滚动播放器+透明过渡动画

目录参考结构PicturePlay.promain.cppmyqlabel.h 自定义QLabelmyqlabel.cpp自定义QLabelpictureplay.hpictureplay.cpppictureplay.uistyle.qss效果源码参考 Qt图片浏览器 QT制作一个图片播放器 Qt中自适应的labelpixmap充满窗口后&#xff0c;无法缩小只能放大 Qt的动画类修改…...

编程日记 2023/2/27 21:46:20

手把手带你做一套毕业设计-征程开启

本文是《手把手带你做一套毕业设计》专栏的开篇&#xff0c;文本将会包含我们创作这个专栏的初衷&#xff0c;专栏的主体内容&#xff0c;以及我们专栏的后续规划。关于这套毕业设计的作者呢前端部分由狗哥负责&#xff0c;服务端部分则由天哥操刀。我们力求毕业生或者新手通过…...

编程日记 2023/2/27 21:45:12

万字解析 Linux 中 CPU 利用率是如何算出来的？

在线上服务器观察线上服务运行状态的时候&#xff0c;绝大多数人都是喜欢先用 top 命令看看当前系统的整体 cpu 利用率。例如&#xff0c;随手拿来的一台机器&#xff0c;top 命令显示的利用率信息如下 这个输出结果说简单也简单&#xff0c;说复杂也不是那么容易就能全部搞明白…...

编程日记 2023/2/27 21:44:06

芯驰（E3-gateway）开发板环境搭建

1-Windows下环境配置 可以在Windows上使用命令行或者IAR IDE编译SSDK项目。Windows编译依赖的工具已经包含在 prebuilts/windows 目录中&#xff0c;包括编译器、Python和命令行工具。 1.1.1 CMD SSDK集成 msys 工具&#xff0c;可以在Windows命令行中完成SDK的配置、编译和…...

编程日记 2023/2/27 21:43:02

HiveSql一天一个小技巧：如何巧用分布函数percent_rank()求去掉最大最小值的平均薪水问题

0 问题描述参考链接(3条消息) HiveSql面试题12--如何分析去掉最大最小值的平均薪水&#xff08;字节跳动&#xff09;_莫叫石榴姐的博客-CSDN博客文中已经给出了三种解法&#xff0c;这里我们借助于此题&#xff0c;来研究如何用percent_rank()函数求解&#xff0c;简化解题思路…...

编程日记 2023/2/27 21:41:57

【python实现华为OD机试真题】优雅子数组【2023 Q1 | 200分】

题目描述 如果一个数组Q中出现次数最多的元素出现大于等于K次,被称为k-优雅数组，k也可以被称为优雅阈值只。 例如： 数组1，2, 3, 1、2, 3, 1,它是一个3-优雅数组，因为元素1出现次数大于等于3次, 数组[1,2, 3, 1, 2]就不是一一个3-优雅数组，因为其中出现次数最多的元素是1和…...

编程日记 2023/2/27 21:40:51

九种分布式ID解决方案

文章目录背景1、UUID2、数据库自增ID2.1、主键表2.2、ID自增步长设置3、号段模式4、Redis INCR5、雪花算法6、美团(Leaf)7、百度(Uidgenerator)8、滴滴(TinyID)总结比较背景 在复杂的分布式系统中&#xff0c;往往需要对大量的数据进行唯一标识&#xff0c;比如在对一个订单表…...

编程日记 2023/2/27 21:39:47

RocketMQ源码分析

RocketMQ源码深入剖析 1 RocketMQ介绍 RocketMQ 是阿里巴巴集团基于高可用分布式集群技术&#xff0c;自主研发的云正式商用的专业消息中间件&#xff0c;既可为分布式应用系统提供异步解耦和削峰填谷的能力&#xff0c;同时也具备互联网应用所需的海量消息堆积、高吞吐、可靠…...

编程日记 2023/2/27 21:38:41

跟着我从零开始入门FPGA（一周入门系列)第六天

6、有限状态机状态机&#xff0c;只要C代码写过2年的人&#xff0c;估计无人不识君&#xff0c;稍微复杂的逻辑都可以借助状态机来简化问题。为了方便&#xff0c;我们使用前面用过的一个例子&#xff0c;来说明状态机的应用&#xff0c;也就是说我们前面已经有意无意的用过状态…...

编程日记 2023/2/27 21:37:35

2023最新JVM面试题汇总进大厂必备

JVM 面试题汇总 1.什么是 JVM&#xff1f;它有什么作用&#xff1f; 答&#xff1a;JVM 是 Java Virtual Machine&#xff08;Java 虚拟机&#xff09;的缩写&#xff0c;顾名思义它是一个虚 拟计算机&#xff0c;也是 Java 程序能够实现跨平台的基础。它的作用是加载 Java 程…...

编程日记 2023/2/27 21:36:29

Cocoa-presentViewController

presentViewController:animator: 将一个viewController以动画方式显示出来 当VCA模态的弹出了VCB&#xff0c;那么VCA就是presenting view controller&#xff0c;VCB就是presented view controller presentViewController 相较于addSubView 直接作为subView就是不会出现一…...

编程日记 2023/2/27 21:35:23

Vue Mixins

Vue Mixins 详解 Vue.js 是一个非常流行的 JavaScript 框架&#xff0c;它提供了一系列的工具来简化 Web 应用程序的开发。其中一个非常有用的工具就是 Mixins。 什么是 Mixins&#xff1f; Mixins 是一种 Vue.js 组件复用的方法&#xff0c;它允许您将一组组件选项合并到一…...

编程日记 2023/2/27 21:34:18

Django-版本信息介绍-版本选择

文章目录1.如何获取Django1.1.选项1:获取最新的正式版本1.2.选项2:获取4.2的beta版1.3.选项3:获取最新的开发版本2.得到之后3.支持版本4.选择版本1.如何获取Django Django在BSD许可下是开源的。我们建议使用最新版本的Python 3。支持Python 2.7的最新版本是Django 1.11 LTS。请…...

编程日记 2023/2/27 21:33:11

写给交互设计新手的信息架构全方位指南

目录什么是信息架构&#xff1f;通用方法日常工作可以关注的大神常用工具相关书籍什么是信息架构&#xff1f;信息架构是一个比众多其他领域更难定义的领域。内容策划由内容策划师来完成&#xff0c;交互设计由设计师来完成&#xff0c;而信息架构的完成与它们不同&#xff0c;…...

编程日记 2023/2/27 21:32:04

15、主从复制,gtid,并行复制，半同步复制,实操案例，常用命令，故障处理

主从复制,gtid,并行复制，半同步复制,实操案例，常用命令，故障处理 1.认识主从复制1.1 主从复制原理深入讲解1.2 主从复制相关参数1.3.主从复制架构部署1.4从库状态详解1.5 .过滤复制2 .gtid复制2.1 什么是GTID？2.2 GTID主从配置2.5 gtid维护2.4 GTID的特点2.3 工作原理2.4 g…...

编程日记 2023/2/27 21:30:59

【C语言】实现文件内容映射转移

有两个文件&#xff08;QA&#xff0c;与QB&#xff09;。 文件A是经过了字母映射加密的文本&#xff08;将英文字母一一映射成了另一个&#xff09;&#xff0c; 文件B是字母映射的关系表&#xff08;格式如A-c;B-R;…,其中前一个字母为加密前的&#xff09;&#xff0c;编写程…...

编程日记 2023/2/27 21:29:53

html css输入框获得焦点、失去焦点效果

input输入框获得焦点、失去焦点效果 废话shao shuo ! 直接看效果图&#xff0c;好吧&#xff01; 效果图&#xff1a; code: <!DOCTYPE html> <html> <head><title></title><meta charset"utf-8" /><style type"text…...

编程日记 2023/2/27 21:28:49

【Axure高保真原型】引导弹窗

今天和大家中分享引导弹窗的原型模板&#xff0c;载入页面后&#xff0c;会显示引导弹窗&#xff0c;适用于引导用户使用页面&#xff0c;点击完成后&#xff0c;会显示下一个引导弹窗&#xff0c;直至最后一个引导弹窗完成后进入首页。具体效果可以点击下方视频观看或打开下方…...

编程新知 2025/10/28 2:05:13

地震勘探——干扰波识别、井中地震时距曲线特点

目录 干扰波识别反射波地震勘探的干扰波 井中地震时距曲线特点 干扰波识别 有效波&#xff1a;可以用来解决所提出的地质任务的波&#xff1b;干扰波&#xff1a;所有妨碍辨认、追踪有效波的其他波。 地震勘探中&#xff0c;有效波和干扰波是相对的。例如&#xff0c;在反射波…...

编程新知 2025/10/29 4:50:06

设计模式和设计原则回顾

设计模式和设计原则回顾 23种设计模式是设计原则的完美体现，设计原则设计原则是设计模式的理论基石， 设计模式 在经典的设计模式分类中（如《设计模式：可复用面向对象软件的基础》一书中），总共有23种设计模式，分为三大类： 一、创建型模式（5种） 1. 单例模式（Sing…...

编程新知 2025/8/10 21:01:28

Oracle查询表空间大小

1 查询数据库中所有的表空间以及表空间所占空间的大小 SELECTtablespace_name,sum( bytes ) / 1024 / 1024 FROMdba_data_files GROUP BYtablespace_name; 2 Oracle查询表空间大小及每个表所占空间的大小 SELECTtablespace_name,file_id,file_name,round( bytes / ( 1024 …...

编程新知 2025/10/10 10:23:21

多场景 OkHttpClient 管理器 - Android 网络通信解决方案

下面是一个完整的 Android 实现&#xff0c;展示如何创建和管理多个 OkHttpClient 实例&#xff0c;分别用于长连接、普通 HTTP 请求和文件下载场景。 <?xml version"1.0" encoding"utf-8"?> <LinearLayout xmlns:android"http://schemas…...

编程新知 2025/9/30 14:27:04

【Redis技术进阶之路】「原理分析系列开篇」分析客户端和服务端网络诵信交互实现（服务端执行命令请求的过程 - 初始化服务器）

服务端执行命令请求的过程 【专栏简介】【技术大纲】【专栏目标】【目标人群】1. Redis爱好者与社区成员2. 后端开发和系统架构师3. 计算机专业的本科生及研究生 初始化服务器1. 初始化服务器状态结构初始化RedisServer变量 2. 加载相关系统配置和用户配置参数定制化配置参数案…...

编程新知 2025/10/29 3:08:08

1688商品列表API与其他数据源的对接思路

将1688商品列表API与其他数据源对接时&#xff0c;需结合业务场景设计数据流转链路&#xff0c;重点关注数据格式兼容性、接口调用频率控制及数据一致性维护。以下是具体对接思路及关键技术点&#xff1a; 一、核心对接场景与目标 商品数据同步 场景&#xff1a;将1688商品信息…...

编程新知 2025/9/11 12:55:04

今日科技热点速览

&#x1f525; 今日科技热点速览 &#x1f3ae; 任天堂Switch 2 正式发售 任天堂新一代游戏主机 Switch 2 今日正式上线发售&#xff0c;主打更强图形性能与沉浸式体验&#xff0c;支持多模态交互&#xff0c;受到全球玩家热捧 。 &#x1f916; 人工智能持续突破 DeepSeek-R1&…...

编程新知 2025/10/22 19:09:43

全志A40i android7.1 调试信息打印串口由uart0改为uart3

一&#xff0c;概述 1. 目的 将调试信息打印串口由uart0改为uart3。 2. 版本信息 Uboot版本&#xff1a;2014.07&#xff1b; Kernel版本&#xff1a;Linux-3.10&#xff1b; 二&#xff0c;Uboot 1. sys_config.fex改动 使能uart3(TX:PH00 RX:PH01)&#xff0c;并让boo…...

编程新知 2025/10/27 18:40:50

【开发技术】.Net使用FFmpeg视频特定帧上绘制内容

目录 一、目的 二、解决方案 2.1 什么是FFmpeg 2.2 FFmpeg主要功能 2.3 使用Xabe.FFmpeg调用FFmpeg功能 2.4 使用 FFmpeg 的 drawbox 滤镜来绘制 ROI 三、总结 一、目的 当前市场上有很多目标检测智能识别的相关算法&#xff0c;当前调用一个医疗行业的AI识别算法后返回…...

编程新知 2025/10/18 15:59:41