vue展示dicom文件，医疗系统。

最新推荐文章于 2024-11-10 18:22:41 发布

anliu4881

最新推荐文章于 2024-11-10 18:22:41 发布

阅读量2.6k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript webpack ViewUI

原文链接：http://www.cnblogs.com/shuangzikun/p/taotao_vue_dicom.html

本文介绍了如何在Vue环境下，结合webpack和cornerstone库，展示DICOM文件。通过引入cornerstone-core和dicom-parser模块，创建显示组件showDicom.vue，并成功实现了DICOM图像的显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

环境：vue、webpack、constone

资料来源及文件：https://github.com/GleasonBian/CornerstoneVueWADO

需要下载的模块：cornerstone-core、dicom-parser

需要下载的js文件：压缩文件可以忽略

显示组件：showDicom.vue

<template>
    <div class="dicom" ref="dicomImage"></div>
</template>
<script>
import * as cornerstone from "cornerstone-core";
import * as dicomParser from "dicom-parser";
// 不建议 npm 安装 cornerstoneWADOImageLoader 如果你做了 会很头疼
let cornerstoneWADOImageLoader = require('../../../static/dist/cornerstoneWADOImageLoader.js')
//<