![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 59
程序员老爸
原美图高级技术经理
展开
-
Webstrom使用ftp部署到服务器
1.选择 Tools > Devployment > Configuration...2.添加ftp的相关配置信息3.设置ftp的目录映射4.右击dist文件夹 Deployment > Upload to ...5.选择对应的ftp就可以部署到服务器了。原创 2021-10-23 23:26:14 · 186 阅读 · 0 评论 -
DICOM图形转换(七)-- Three显示RTDOSE
Three显示RTDOSE简述本文主要是讲解Three如何显示RTDOSE实现由于已经显示了CT/MR,所以基本信息配置也已经有了。我们只要把勾画数据显示出来就行了,下面也不详细介绍所有流程了。获取CT/MR数据和RTSTRUCT数据显示CT/MR、RTSTRUCT这些在之前已经讲过遍历获取数据,并且显示在出来let PixelData = rtdose['PixelData'];let DoseGridScaling = rtdose['DoseGridScaling'];原创 2020-09-16 11:48:28 · 1105 阅读 · 2 评论 -
DICOM图形转换(六)-- Three显示RTSTRUCT
Three显示RTSTRUCT简述本文主要是讲解Three如何显示RTSTRUCT,用Three比WebGL简单太多了,只要把勾画数据连接成线就可以了。实现由于已经显示了CT/MR,所以基本信息配置也已经有了。我们只要把勾画数据显示出来就行了,下面也不详细介绍所有流程了。获取CT/MR数据和RTSTRUCT数据显示CT/MR,这个在上一篇文章已经有讲过遍历获取勾画数据,并且显示在出来let SOPInstanceUID = ct['SOPInstanceUID'];rtstru原创 2020-09-09 11:43:27 · 1039 阅读 · 0 评论 -
DICOM图形转换(五)-- Three显示CT和MR
Three显示CT和MR简述之前已经用WebGL原生写了一套显示CT/MR,现在为什么要用three来显示呢?主要考虑的是后期开发和维护的成本问题。Three是一套第三方开源框架,封装了WebGL,可以简单的使用。这里就不做过多的介绍,想了解的可以自己去搜索。下面主要介绍下怎么使用Three来显示CT/MR。实现获取CT/MR数据,之前的文章已经介绍了如何解析转换,这里就不再多讲了。获取到数据后,在web上面显示创建容器用于Three把canvas动态添加到web页面上。<d原创 2020-09-08 18:22:56 · 1256 阅读 · 0 评论 -
DICOM图形转换(四)-- RTDOSE的DVH在WEB上显示
RTDOSE的DVH在WEB上显示简述本文主要介绍如何实现DVH折线图。计算DVH计算原理把RTDOSE的剂量换算成坐标把RTDOSE的换算后的坐标对应上RTSTRUCT的勾画坐标根据RTDOSE的换算后的坐标和RTSTRUCT的勾画坐标进行对比,计算出不同剂量的体积。需要注意的是,1.每一层的厚度,2.RTSTRUCE的坐标单位是毫米(mm),3.RTDOSE的剂量单位一般是Gy或者cGy。实现最初手写了一版,后面发现现成有库直接可以使用,省去了大量工作,调试的时间。下面主要原创 2020-08-28 10:00:27 · 1772 阅读 · 1 评论 -
WebGL:顶点画线(连线)
WebGL顶点画线(连线)简述由于业务需要,所以本文主要介绍webgl上把顶点连接起来,为了方便后面的人员学习。开始做DemoDemo把5个顶点坐标用红线连接起来,形成一个不规则图形。首先需要Canvas,opengl都是基于Canvas来操作的, 宽高可以自己设定。<canvas id="canvas" height="600" width="600"></canvas>获取gl对象,用于后面的gl相关操作this.gl = document.getEle原创 2020-08-21 09:21:53 · 1224 阅读 · 0 评论 -
WebGL:显示图片
WebGL显示图片简述WebGL显示图片相对来说还是比较简单,跟Android,Python,IOS,C++等的用法都是差不多的,具体的opengl概念可以自己搜索。下面的介绍主要是基于Vue框架来设计做的Demo,不用vue的也可以简单的把代码移植过去。开始做一个Demo首先需要Canvas,opengl都是基于Canvas来操作的, 宽高可以自己设定。<canvas id="canvas" height="600" width="600"></canvas>原创 2020-08-20 14:20:28 · 2128 阅读 · 0 评论 -
DICOM图形转换(三)-- RTDOSE的剂量数据转换坐标数据
RTDOSE的剂量数据转换坐标数据简述本文主要讲述的是把RTDOSE文件的剂量数据转换为坐标数据,目的是为了画等剂量线。RTDOSE文件本身是不包含坐标数据,所以只能从剂量数据的分布情况来做转换。DICOM关键的参数CT/MR的参数TagName说明0x0020, 0x0032ImagePositionPatient指定图像左上角的x,y和z坐标0x0028, 0x0010Rows图像中的行数0x0028, 0x0011Columns图像中的列数原创 2020-08-19 14:50:22 · 3113 阅读 · 3 评论 -
DICOM图形转换(二)-- RTSTRUCT的勾画坐标数据转换
RTSTRUCT的勾画坐标数据转换简述本文主要讲述的是如何把RTSTRUCT的勾画坐标数据转换成可以用于显示的有效坐标。DICOM关键的参数由于RTSTRUCT的勾画坐标的转换需要对应上CT/MR的图像,所以必须要知道CT/MR的图像行数和列数。CT/MR的参数TagName说明0x0020, 0x0032ImagePositionPatient指定图像左上角的x,y和z坐标0x0028, 0x0010Rows图像中的行数0x0028, 0x0011原创 2020-08-18 17:21:12 · 3300 阅读 · 3 评论 -
DICOM图形转换(一)-- CT&MR医学图像数据转换RGBA图像
CT&MR图像数据转换RGBA图像简述本文主要讲述的是把一个CT或者MR的数据转成RGBA图像,不解释dicom文件的解析。文中的代码涉及的是2中语言python和javascript,主要是项目需要,这里就不再做代码转换。DICOM关键的参数TagName说明Meta信息TransferSyntaxUID字节排序,1.2.840.10008.1.2.2:大端排序,其他是小端排序0x0020, 0x0032ImagePositionPatient指定图像左原创 2020-08-14 16:51:48 · 2928 阅读 · 1 评论