www.6766.comvue展示dicom文件医疗系统的实现代码_vue.js_脚本之家

环境:vue、webpack、constone

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

显示组件:showDicom.vue

www.6766.comvue展示dicom文件医疗系统的实现代码_vue.js_脚本之家。引入组件,注册,使用:

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

总结

dicomList:[ { url:'http://127.0.0.1/testDICOM/CTStudy/3.719KB.DCM', }, { url:'http://127.0.0.1/testDICOM/CTStudy/3.719KB.DCM', }, { url:'http://127.0.0.1/testDICOM/CTStudy/test.dcm', }, { url:'http://127.0.0.1/testDICOM/CTStudy/1.5191KB.DCM', }, { url:'http://127.0.0.1/testDICOM/CTStudy/1.5191KB.DCM', }, { url:'http://127.0.0.1/testDICOM/CTStudy/1.5191KB.DCM', }],

资料来源及文件:

以上所述是小编给大家介绍的vue展示dicom文件医疗系统的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

 import * as cornerstone from "cornerstone-core";import * as dicomParser from "dicom-parser";// 不建议 npm 安装 cornerstoneWADOImageLoader 如果你做了 会很头疼let cornerstoneWADOImageLoader = require('../../../static/dist/cornerstoneWADOImageLoader.js')// import {cornerstoneWADOImageLoader} from "../../../static/dist/cornerstoneWADOImageLoader.js";//指定要注册加载程序的基石实例cornerstoneWADOImageLoader.external.cornerstone = cornerstone;//配置 webWorker //注意这里的路径问题 如果路径不对 cornerstoneWADOImageLoaderWebWorker 会报错 index.html Uncaught SyntaxError: Unexpected token <var config = { webWorkerPath: "/static/dist/cornerstoneWADOImageLoaderWebWorker.js", taskConfiguration: { decodeTask: { codecsPath: "/static/dist/cornerstoneWADOImageLoaderCodecs.js" } }};cornerstoneWADOImageLoader.webWorkerManager.initialize;export default { name: 'previewDicom', props: { imageId: { type: String, required: true } }, data () { return { } }, // watch:{ // imageId{ // var url = `wadouri:${this.imageId}`; // this.loadAndViewImage; // } // }, mounted() { var url = `wadouri:${this.imageId}`; this.loadAndViewImage; }, methods: { loadAndViewImage { //找到 要放置 Dicom Image 的元素 // var element = document.getElementById; console.log; let element = this.$refs.dicomImage cornerstone.enable // cornerstone.loadAndCacheImage 函数 负责加载图形 需要 图像地址 imageId cornerstone.loadAndCacheImage.then { var viewport = cornerstone.getDefaultViewportForImage; cornerstone.displayImage(element, image, viewport); }, function { console.error; } }}.dicom{ height: 100%;}

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图