【js】【cornerstone】cornerstone使用url方式加载图像

引入cornerstoneWebImageLoader
loadImage

引入cornerstoneWebImageLoader

import * as cornerstone from 'cornerstone-core'
import * as cornerstoneWebImageLoader from 'cornerstone-web-image-loader'import * as cornerstoneTools from 'cornerstone-tools';
import Hammer from 'hammerjs';
import * as cornerstoneMath from 'cornerstone-math';
import '../assets/css/imagedetail.css'
import axios from 'axios';cornerstoneTools.external.cornerstoneMath = cornerstoneMath;
cornerstoneTools.external.cornerstone = cornerstone;
cornerstoneTools.external.Hammer = Hammer;
cornerstoneTools.init({showSVGCursors: true,}
);cornerstoneWebImageLoader.external.cornerstone = cornerstone;cornerstoneWebImageLoader.configure({beforeSend: function(xhr) {console.log('cornerstoneWebImageLoader.beforeSend', xhr);// Add custom headers here (e.g. auth tokens)// xhr.setRequestHeader('x-auth-token', 'my auth token');}
});

loadImage

通过loadImageData加载图像。

loadImageData(img_url){let that = this;const imgIdItem = 'http://'+window.location.host+'/' + img_url;cornerstone.loadImage(imgIdItem).then(function(image) {that.imageHeight = image.height;that.imageWidth = image.width;var viewport = cornerstone.getDefaultViewportForImage(that.img_show_element, image);cornerstone.displayImage(that.img_show_element, image, viewport);that.getWadouriImage(imgIdItem);cornerstone.updateImage(that.img_show_element);});},

使用自定义的getWadouriImage加载图像上的预标注信息。

getWadouriImage(imageId){this.imageId = imageIdlet that = this;// 处理出firstLoadData...const ToolStateManager = cornerstoneTools.globalImageIdSpecificToolStateManager;ToolStateManager.restoreImageIdToolState(imageId, {FreehandRoi: { data: firstLoadData }});cornerstoneTools.addTool(cornerstoneTools.FreehandRoiTool);cornerstoneTools.setToolPassive("FreehandRoi");},

【js】【cornerstone】cornerstone使用url方式加载图像相关推荐

【前端】【cornerstone】【未完善】cornerstone重新加载图像大小问题——拒绝花里胡哨
[前端][cornerstone][未完善]cornerstone重新加载图像尝试--拒绝花里胡哨问题正常加载图像尝试方法方法1[无效]:直接修改columnPixelSpacing.rowP ...
一个页面从输入URL到加载显示完成，发生了什么？
面试经典题--URL加载一.涉及基本知识点: 1. 计算机网络五层因特尔协议栈: 应用层(dns.http):DNS解析成IP并完成http请求发送: 传输层(tcp.udp):三次握手四次挥手模 ...
layui信息加载流的方式加载数据
SSM项目中使用layui信息加载流的方式加载数据这里首先jsp页面来一个div容器,这里数数据显示的地方 //css样式: <style type="text/css"& ...
新手必看：访问url到加载全过程详解（看完不会我吃shi）
新手必看:访问url到加载全过程详解(看完不会我吃shi) 1.放在前面:新手必须知道的那些概念 1.1 什么是IP.域名.主机名.url.服务器 1.2 http & https 1.3 O ...
vue动态加载js和css以及部分页面加载特定的js和css
vue动态加载js和css以及部分页面加载特定的js和css vue项目第一次加载很慢的,发现在第一次加载要很大的js导致卡顿.可以使用cdn加速和其他gzip方式效果不是很明显.因此考虑每个页面动态 ...
《ArcGIS Runtime SDK for Android开发笔记》——（13）、图层扩展方式加载Google地图...
1.前言 http://mt2.google.cn/vt/lyrs=m@225000000&hl=zh-CN&gl=cn&x=420&y=193&z=9& ...
使用jQuery和YQL，以Ajax方式加载外部内容
我们来看看怎样使用jQuery,以Ajax方式加载外部(其他域上)的内容.这里的所有代码都可以从GitHub下载,也可以在这个演示页面中获取,因而不用复制粘贴了. OK,Ajax通过jQuery是很容 ...
post方式加载iframe
我们平常使用iframe时,直接设定src属性只能是get请求方式 ,get请求的参数大小有限制如何实现即使用iframe又能通过post请求两种方式 ajax使用post请求返回页面,直接将返回 ...
Unity两中方式加载图片
看到草羊发的图片,也是真懒. 想起来当时写天气预报现在都忘干净了,好记性不如烂笔头,还是应该多记.自己打下来好了 using System; using System.Collections; usi ...

【js】【cornerstone】cornerstone使用url方式加载图像

【js】【cornerstone】cornerstone使用url方式加载图像

引入cornerstoneWebImageLoader

loadImage

【js】【cornerstone】cornerstone使用url方式加载图像相关推荐

最新文章

热门文章