OHIF记录（二）——Viewers和React-vtk工具包互联

OHIF是一款用于处理医疗图像的浏览器前端框架，那就避免不了涉及到对医疗图像，医学影像的各种操作和计算，就需要与vtk工具包进行互联，OHIF提供了接口可以将现成的功能集成进框架里。

首先在OHIF的github里下载React-vtk-viewport源码：
https://github.com/OHIF/react-vtkjs-viewport

与之前下载的Viewers源码放在同一个文件夹里。目录结构可以是在一个空的工程文件夹下，将下载好的这两个源码进行解压。

在终端命令行打开react-vtkjs-viewport-master，通过yarn install命令安装所需要的依赖包。然后输入yarn link命令创建项目链接，最后执行yarn run start，通过package.json文件可以知道，yarn run start等价于yarn run dev，因此也可以输入yarn run dev。执行完之后不要关闭命令行终端。
打开另一个终端，进入Viewers-master，还是通过yarn install安装所需要的依赖包，并且通过yarn link react-vtkjs-viewport命令连接到React-vtk工具包对应的依赖文件。最后再执行yarn run dev命令。

注意：大部分情况下，这里如果不进行处理的话，会报错，错误提示3000端口已经被占用，这是因为react-vtk工具包和ohif的viewers默认都是使用3000端口。因此我们可以改一下react-vtk的默认端口号，打开路径react-vtkjs-viewport-master -> .webpack打开webpack.dev.js文件，看到模块输出是一个对象（module.exports={...}这部分内容为模块的输出），在底部找到名为devServer的属性，这是一个对象属性，在devServer对象里找到port属性，修改port的属性值即可改变默认端口号。

完成这些工作后，无论是修改Viewers还是react-vtk里边的源码，保存后，通过刷新就可以更改OHIF框架对应的页面内容，或者交互逻辑。

OHIF记录（二）——Viewers和React-vtk工具包互联相关推荐

MySQL学习记录 (二) ----- SQL数据查询语句(DQL)
相关文章: <MySQL学习记录 (一) ----- 有关数据库的基本概念和MySQL常用命令> <MySQL学习记录 (二) ----- SQL数据查询语句(DQL)> &l ...
Android动画学习记录二（属性动画、估值器和插值器）
Android动画学习记录二(属性动画.估值期和插值器) Android动画学习记录二(属性动画.估值期和插值器) Android动画学习记录二(属性动画.估值期和插值器) 一.补间动画缺陷二.属性 ...
React教程（二）：React组件基础
传送门: React教程(一):React基础一.组件概念 react官方解释: React 允许你将标记.CSS 和 JavaScript 组合成自定义"组件",即应用程序中可 ...
Azure Kinect 使用记录 (二)
Azure Kinect 使用记录 (二) 20211118 - 占坑因项目需要,得用Azure Kinect以及它的SDK进行开发,在这里记录下心得体会,不定时更新一.多机位同步 1.1 Tim ...
HTML学习记录二:html标签（五）：超链接标签
HTML学习记录二:html标签(五):超链接标签一.超链接标签写法二.超链接标签的属性三.超链接的锚点用法四.链接分类一.超链接标签写法在 HTML 标签中, 标签用于定义超链接,作用是 ...
中软实习培训记录二（0721）
中软实习培训记录二(0721) 一.Tomcat的下载安装二.Java Enterprise --登陆跳转 demo 一.Tomcat的下载安装 1.进入Apache Tomcat官网,选择你需要的 ...
大数据之spark学习记录二: Spark的安装与上手
大数据之spark学习记录二: Spark的安装与上手文章目录大数据之spark学习记录二: Spark的安装与上手 Spark安装本地模式 Standalone 模式基本配置步骤1: 复制 ...
Multidex记录二：缺陷解决
个人博客地址 http://dandanlove.com/ Multidex记录一:介绍和使用 Multidex记录二:缺陷&解决 Multidex记录三:源码解析记录Multidex缺陷& ...
【React工作记录二十四】ant design form赋值问题
目录前言导语解决思路总结前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19 叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大 ...

OHIF记录（二）——Viewers和React-vtk工具包互联

OHIF记录（二）——Viewers和React-vtk工具包互联

OHIF记录（二）——Viewers和React-vtk工具包互联相关推荐

最新文章

热门文章