学校网站建设报价是多少,wordpress 只能做博客,网站建设百度认证,企业做网站需要在通管局备案cornerstoneJS默认加载dicom影像数据#xff0c;将识别到的dicom数据转换成imageData数据#xff0c;在界面上展示。故#xff0c;cornerstoneJS也可直接加载imageData。
imageData数据的data是一个数组#xff0c;每四个元素代表一个点#xff0c;四个元素分别表示R、G、…cornerstoneJS默认加载dicom影像数据将识别到的dicom数据转换成imageData数据在界面上展示。故cornerstoneJS也可直接加载imageData。
imageData数据的data是一个数组每四个元素代表一个点四个元素分别表示R、G、B、A即三元素 透明度。
具体代码如下
function getExampleImage(imgIdpixelData) {const width 512const height 512function loadPixelData () {const canvas document.createElement(canvas)const img document.createElement(img)img.src imgId// 用canvas获取图像数据的像素矩阵数组canvas.width widthcanvas.height heightcanvas.getContext(2d).drawImage(img, 0, 0)const pixelDataObj canvas.getContext(2d).getImageData(0, 0, canvas.width, canvas.height) // 获取画布上的图像像素矩阵return pixelDataObj.data// 若是imageData数据假如矩阵数据为pixelData则函数中以上操作直接取消直接返回pixelData// return pixelData}const image {imageId: imageId,minPixelValue: 0,maxPixelValue: 255,slope: 1.0,intercept: 0,windowCenter: 127,windowWidth: 256,getPixelData: loadPixelData, // 要求图像的像素矩阵rows: height,columns: width,height: height,width: width,color: true, // 注意为彩色图像rgba: false, // 注意使用rgbs表示canvas直接导出columnPixelSpacing: 0.8984375,rowPixelSpacing: 0.8984375,sizeInBytes: width * height * 4}return {promise: new Promise((resolve) {resolve(image)}),cancelFn: undefined}
}应用
/**
* base64图片的base64数据
*/const image getExampleImage(base64).promise // 矩阵数据
/**
* fil1:1自定义名称可以随意更改
* matrix矩阵数据
*/// const image getExampleImage(fil1:1, matrix).promise // 矩阵数据// 以上两种方式都可使用const viewport cornerstone.getDefaultViewportForImage(this.element, image)// this.element元素代表在此元素下创建canvas渲染图片cornerstone.displayImage(this.element, image, viewport)
