Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
initCornerstone = () => {
const { imageId, visibleCornerstone, index } = this.props;
const { reEnableCornerstoneElement } = this.state;
const element = document.getElementById(`dicomImage-${index}`);
/* istanbul ignore next */
if (element) {
console.log('element ---->', element);
cornerstoneTools.external.cornerstone = cornerstone;
cornerstoneTools.external.cornerstoneMath = cornerstoneMath;
cornerstoneWebImageLoader.external.cornerstone = cornerstone;
cornerstoneWebImageLoader.external.cornerstoneMath = cornerstoneMath;
if (reEnableCornerstoneElement) {
console.log('reEnableCornerstoneElement --->', reEnableCornerstoneElement);
cornerstone.enable(element);
}
cornerstone.loadImage(imageId).then((image) => {
console.log('image --->', image);
cornerstone.displayImage(element, image);
if (image) {
this.setState({ reEnableCornerstoneElement: false });
visibleCornerstone(true)
}
}).catch((e) => {
console.log('errorsLoadImage --->', e);
this.setState({ reEnableCornerstoneElement: true });
console.log(e);
})
}
};
console.log("res.body.value:", res.body.value);
_this.baseUrl = res.body.value.filmain;
console.log("res.body.value.filmain:", res.body.value.filmain);
_this.exampleStudyImageIds = res.body.value.testDate.testDate1;
console.log(
"res.body.value.testDate.testDate1:",
res.body.value.filmain
);
// 找到要渲染的元素
let canvas = this.$refs.canvas;
console.log(canvas);
// 在 DOM 中将 canvas 元素注册到 cornerstone
cornerstone.enable(canvas);
// 拼接 url : cornerstoneWADOImageLoader 需要 wadouri 路径头
const imageUrl = _this.baseUrl + _this.exampleStudyImageIds[0];
let imageId = "wadouri:" + imageUrl;
// Load & Display
cornerstone.loadAndCacheImage(imageId).then(
function(image) {
console.log(image);
// 设置元素视口
var viewport = cornerstone.getDefaultViewportForImage(
canvas,
image
);
// 显示图像
cornerstone.displayImage(canvas, image, viewport);
// 激活工具
cornerstoneOptions,
imageIds,
resizeThrottleMs,
isPlaying,
frameRate,
} = this.props;
const { imageIdIndex } = this.state;
const imageId = imageIds[imageIdIndex];
// EVENTS
this._bindInternalEventListeners();
this._bindExternalEventListeners();
this._handleOnElementEnabledEvent();
// Fire 'er up
cornerstone.enable(this.element, cornerstoneOptions);
if (resizeThrottleMs) {
windowResizeHandler.enable(this.element, resizeThrottleMs);
}
// Only after `uuid` is set for enabledElement
this._setupLoadHandlers();
try {
// Setup "Stack State"
cornerstoneTools.clearToolState(this.element, 'stack');
cornerstoneTools.addStackStateManager(this.element, [
'stack',
'playClip',
'referenceLines',
]);
cornerstoneTools.addToolState(this.element, 'stack', {
dicom_changed: function () {
var img_bytes = this.model.get('img_bytes');
console.log('image bytes', img_bytes)
var img_width = this.model.get('img_width');
var img_height = this.model.get('img_height');
var img_min = this.model.get('img_min');
var img_max = this.model.get('img_max');
var color = this.model.get('img_color')
var out_img = this.parse_image(img_bytes, img_width, img_height, img_min, img_max, color);
cs.enable(this.viewer);
this.viewport = cs.getDefaultViewportForImage(this.viewer, out_img);
console.log(out_img);
cs.displayImage(this.viewer, out_img, this.viewport);
this._setup_tools();
},
_setup_tools: function () {
publicAPI.setContainer = (container) => {
if (model.container === container) {
return;
}
if (model.container) {
cornerstone.disable(model.container);
}
model.container = container;
if (container) {
cornerstone.enable(container);
cornerstoneTools.makeUnselectable(container);
}
resetRenderer();
};
enableViewport: viewportElement => {
if (viewportElement) {
cornerstone.enable(viewportElement);
}
},
disableViewport: viewportElement => {