使用的uniapp架构,做h5的界面
开发中要使用影像图片流进行图片传输,使用插件后引发的报错
看过其他的类似问题,但是没看明白应该怎么配置,
希望帮助一下我
以下是报错的
以下是正确显示的
使用到的插件和js文件
--------------------------------------------------main.js配置和使用的插件
// #ifndef VUE3
import Vue from 'vue'
import App from './App'
Vue.config.productionTip = false
App.mpType = 'app'
// 设置显示影像文件相关配置
import Hammer from 'hammerjs' // 管理浏览器鼠标手势事件 cornerstonetools支持触屏操作,所以引入了hammerjs
import dicomParser from 'dicom-parser' // dicomParser 是一个轻量级库,用于在基于现代 HTML5 的 Web 浏览器 (IE10+),Node.js 和 Meteor 中解析 DICOM P10 字节流
import cornerstone from 'cornerstone-core' // cornerstone图像解析及图像绘制核心库
import cornerstoneTools from 'cornerstone-tools' // //cornerstone具体工具实现应用集合
import cornerstoneMath from 'cornerstone-math' // cornerstone的数学库,实现包括几何计算、矩阵计算、维向量计算之类的数学逻辑计算
import cornerstoneWADOImageLoader from '@/static/cornerstone/cornerstoneWADOImageLoader' // 针对不同的编码协议来解析 dicom 图像二进制数据流
// import cornerstoneWADOImageLoaderWebWorker from '@/static/cornerstone/cornerstoneWADOImageLoaderWebWorker' // 针对不同的编码协议来解析 dicom 图像二进制数据流
// import cornerstoneWADOImageLoaderCodecs from '@/static/cornerstone/cornerstoneWADOImageLoaderCodecs' // 针对不同的编码协议来解析 dicom 图像二进制数据流
cornerstoneTools.external.cornerstoneMath = cornerstoneMath
cornerstoneTools.external.cornerstone = cornerstone
cornerstoneTools.external.Hammer = Hammer
cornerstoneWADOImageLoader.external.cornerstone = cornerstone
cornerstoneWADOImageLoader.external.dicomParser = dicomParser
cornerstone.registerImageLoader('http', cornerstoneWADOImageLoader.loadImage)
// cornerstone.registerImageLoader('https', cornerstoneWADOImageLoader.loadImage)
// 配置 webWorker (必须配置)
// 注意这里的路径问题 如果路径不对 cornerstoneWADOImageLoaderWebWorker 会报错 index.html Uncaught SyntaxError: Unexpected token <
var config = {
webWorkerPath: './static/cornerstone/cornerstoneWADOImageLoaderWebWorker.js',
taskConfiguration: {
decodeTask: {
codecsPath: './static/cornerstone/cornerstoneWADOImageLoaderCodecs.js'
}
}
}
cornerstoneWADOImageLoader.webWorkerManager.initialize(config)
const app = new Vue({
...App
})
app.$mount()
// #endif
// #ifdef VUE3
import { createSSRApp } from 'vue'
import App from './App.vue'
export function createApp() {
const app = createSSRApp(App)
return {
app
}
}
// #endif
附件中附带插件文件,在压缩包中cornerstone.zip包
程序中,这个文件夹放在static中