Published
Edited
Mar 3, 2020
2 stars
{
// var image1PixelData = getPixelData(image108Base64);
// var image2PixelData = getPixelData(image108Base64);
var image1PixelData = exampleImage ;
var image2PixelData = exampleImage ;
const getExampleImage = (imageId) => {
const width = 256;
const height = 256;
function getPixelData () {
if(imageId === 'example://1') {
return image1PixelData;
} else if (imageId === 'example://2') {
return image2PixelData;
}
throw "unknown imageId";
}
var image = {
imageId: imageId,
minPixelValue : 0,
maxPixelValue : 257,
slope: 1.0,
intercept: 0,
windowCenter : 127,
windowWidth : 256,
getPixelData: getPixelData,
rows: height,
columns: width,
height: height,
width: width,
color: false,
columnPixelSpacing: .8984375,
rowPixelSpacing: .8984375,
sizeInBytes: width * height * 2
};
return {
promise: new Promise((resolve) => {
resolve(image);
}),
cancelFn: undefined
};
}
cornerstone.registerImageLoader('example', getExampleImage);
const imageId = 'example://1';
const element = document.getElementById('cornerstone');
cornerstone.enable(element);
cornerstone.loadImage(imageId).then(function(image) {
cornerstone.displayImage(element, image);
});
}
base64 = require("base-64")
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
