How to use the cornerstone-core.enable function in cornerstone-core

To help you get started, we’ve selected a few cornerstone-core examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github PulseTile / PulseTile-React-Core / src / components / pages / Images / images-page-component / CornerstoneImage.js View on Github external
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);
      })
    }
  };
github GleasonBian / CornerstoneVueWADO / src / components / HelloWorld.vue View on Github external
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);
                // 激活工具
github cornerstonejs / react-cornerstone-viewport / src / CornerstoneViewport / CornerstoneViewport.js View on Github external
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', {
github chestrays / cornerstone_widget / js / lib / cs_widget.js View on Github external
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 () {
github Kitware / paraview-glance / Sources / externals / MedicalCornerstone / CornerstoneRenderer.js View on Github external
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();
  };
github OHIF / Viewers / platform / viewer / src / connectedComponents / ConnectedDownloadDialog.js View on Github external
enableViewport: viewportElement => {
      if (viewportElement) {
        cornerstone.enable(viewportElement);
      }
    },
    disableViewport: viewportElement => {