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

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

news 2025/12/14 7:17:17

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

深入浅出Asp.Net Core MVC应用开发系列-AspNetCore中的日志记录

ASP.NET Core 是一个跨平台的开源框架&#xff0c;用于在 Windows、macOS 或 Linux 上生成基于云的新式 Web 应用。 ASP.NET Core 中的日志记录 .NET 通过 ILogger API 支持高性能结构化日志记录&#xff0c;以帮助监视应用程序行为和诊断问题。 可以通过配置不同的记录提供程…...

编程新知 2025/12/12 18:53:22

微信小程序之bind和catch

这两个呢&#xff0c;都是绑定事件用的&#xff0c;具体使用有些小区别。 官方文档&#xff1a; 事件冒泡处理不同 bind&#xff1a;绑定的事件会向上冒泡&#xff0c;即触发当前组件的事件后&#xff0c;还会继续触发父组件的相同事件。例如&#xff0c;有一个子视图绑定了b…...

编程新知 2025/12/10 15:29:40

vscode（仍待补充）

写于2025 6.9 主包将加入vscode这个更权威的圈子 vscode的基本使用 侧边栏 vscode还能连接ssh&#xff1f; debug时使用的launch文件 1.task.json {"tasks": [{"type": "cppbuild","label": "C/C: gcc.exe 生成活动文件"…...

编程新知 2025/12/8 9:12:34

UDP(Echoserver)

网络命令 Ping 命令 检测网络是否连通 使用方法: ping -c 次数 网址ping -c 3 www.baidu.comnetstat 命令 netstat 是一个用来查看网络状态的重要工具. 语法&#xff1a;netstat [选项] 功能&#xff1a;查看网络状态 常用选项&#xff1a; n 拒绝显示别名&#…...

编程新知 2025/12/12 17:28:06

vue3 字体颜色设置的多种方式

在Vue 3中设置字体颜色可以通过多种方式实现&#xff0c;这取决于你是想在组件内部直接设置&#xff0c;还是在CSS/SCSS/LESS等样式文件中定义。以下是几种常见的方法&#xff1a; 1. 内联样式 你可以直接在模板中使用style绑定来设置字体颜色。 <template><div :s…...

编程新知 2025/10/6 20:49:11

css的定位（position）详解：相对定位 绝对定位 固定定位

在 CSS 中&#xff0c;元素的定位通过 position 属性控制&#xff0c;共有 5 种定位模式&#xff1a;static&#xff08;静态定位&#xff09;、relative&#xff08;相对定位&#xff09;、absolute&#xff08;绝对定位&#xff09;、fixed&#xff08;固定定位&#xff09;和…...

编程新知 2025/10/22 12:48:44

微软PowerBI考试 PL300-在 Power BI 中清理、转换和加载数据

微软PowerBI考试 PL300-在 Power BI 中清理、转换和加载数据 Power Query 具有大量专门帮助您清理和准备数据以供分析的功能。 您将了解如何简化复杂模型、更改数据类型、重命名对象和透视数据。 您还将了解如何分析列&#xff0c;以便知晓哪些列包含有价值的数据&#xff0c;…...

编程新知 2025/12/10 6:23:14

GraphQL 实战篇：Apollo Client 配置与缓存

GraphQL 实战篇&#xff1a;Apollo Client 配置与缓存 上一篇&#xff1a;GraphQL 入门篇&#xff1a;基础查询语法 依旧和上一篇的笔记一样&#xff0c;主实操&#xff0c;没啥过多的细节讲解&#xff0c;代码具体在&#xff1a; https://github.com/GoldenaArcher/graphql…...

编程新知 2025/12/5 23:45:56

【深度学习新浪潮】什么是credit assignment problem？

Credit Assignment Problem（信用分配问题） 是机器学习，尤其是强化学习（RL）中的核心挑战之一，指的是如何将最终的奖励或惩罚准确地分配给导致该结果的各个中间动作或决策。在序列决策任务中，智能体执行一系列动作后获得一个最终奖励，但每个动作对最终结果的贡献程度往往…...

编程新知 2025/12/13 4:03:33

【把数组变成一棵树】有序数组秒变平衡BST，原来可以这么优雅！

【把数组变成一棵树】有序数组秒变平衡BST，原来可以这么优雅！ 🌱 前言：一棵树的浪漫，从数组开始说起 程序员的世界里，数组是最常见的基本结构之一，几乎每种语言、每种算法都少不了它。可你有没有想过，一组看似“线性排列”的有序数组，竟然可以**“长”成一棵平衡的二…...

编程新知 2025/8/26 4:33:55