vtkjs

第九章 Vite4+Vue3+Vtkjs 扩展vtk格式模型支持

一、介绍VTK（VisualizationToolkit）是一种用于三维计算机图形、图像处理以及可视化的软件系统。它广泛用于科学可视化的各种领域，包括医学影像、地理信息系统、计算机图形学等。VTK的数据模型使用一种称为数据集（DataSet）的抽象模型来表示三维图形和数据。数据集由数据对象（DataObject）组成，这些对象可以是几何数据（Geometry）或拓扑数据（Topology）。几何数
Etc.End·2023-11-29 22:38

vue + vtkJs + itkJs进行dcom影像预览

说到预览dicom影像，首先，对于前端来说，我们常用的是cornerstone-core库来实现。由于公司QT开发作为主力军，QT在开发过程中，一般采用itk读取影像数据，vtk渲染影像，且itk、vtk库都比较完善。为了节约学习、研究的时间成本，在vue项目开发中采用vtk.js+itk.js来实现影像加载。缺点是，目前itk.js的API较少，功能单一。可以先了解itk.js，实际开发中，建议
AwoCT·2023-08-19 11:16

第七章 Vite4+Vue3+Vtkjs 模型点线面模式切换、动画播放

一、介绍网格模型中的点代表空间的一个位置(一个图形的位置)，线代表连接两个点的线段(图形的边缘)，面代表由多个相邻线段围成的平面(图形的表面)，网格代表图形的结构和形状。我对于建模基本上是不懂的，据我了解点线面是平面构成的三要素，平面构成是视觉元素在二次元的平面上，按照美的视觉效果，力学的原理，进行编排和组合，它是以理性和逻辑推理来创造形象、研究形象与形象之间的排列的方法。是理性与感性相结合的产物
Etc.End·2023-04-16 09:03

第八章 Vite4+Vue3+Vtkjs 完整demo演示

一、介绍vtk.js是一个基于WebGL的开源3D可视化库，它可以在Web浏览器中呈现高质量的3D图形。vtk.js提供了一个易于使用的API，可以用于创建各种类型的3D可视化，包括科学、医学、工程和地球科学等领域。vtk.js支持多种数据格式，包括VTK、DICOM、STL等，可以轻松地将数据导入到可视化中。此外，vtk.js还支持交互式可视化，用户可以通过鼠标和键盘进行交互，探索和分析数据。采
Etc.End·2023-04-16 09:03

第五章 Vite4+Vue3+Vtkjs 自定义按键组合

一、介绍因为Vtk.js在按键和按键组合上默认就指定了对应的事件处理，但是我们在使用其他软件的时候可能已经养成了一种习惯，然后也希望使用Vtk.js的时候按键对应的事件也是一致的。比如右键是平移模型，或者说shift+鼠标右键是平移，不管是什么按键的组合，对应的事件是我们自己去配置的，从而达到一个操作上的舒适感。二、官网介绍vtk.js考虑到我们会对按键组合的定义做更改，也是很贴心的提供了各种AP
Etc.End·2023-04-12 21:39

第六章 Vite4+Vue3+Vtkjs 模型颜色切换、漫反射曲面颜色

一、介绍Vtk里面工具非常的齐全，但是相关的文档又少之又少，只能花大量时间去阅读源码。漫反射曲面颜色是什么意思呢，Vtk可以使用漫反射曲面颜色来模拟光线在表面反射时的颜色。漫反射是一种光线与表面发生碰撞后，被散射到各个方向的现象，这种现象可以用来解释物体表面的颜色。漫反射曲面颜色通常被用于表示物体的表面颜色，特别是在三维渲染和可视化中。还有就是模型自己带有颜色参数。vtk可以通过获取这些参数。从而
Etc.End·2023-04-08 14:01

第二章 Vite4 + Vue3 + Vtkjs 布局

一、介绍这篇文章本来不想写的，因为大家都会，最终还是决定写一下，目的是不想来看的小伙伴被搞得一头雾水，莫名奇妙的就出现很多代码，前后对不上。既然是专栏，那么就要有始有终。每一步的代码都能呈现出来，达到一个完整性。那么一个系统不管是成型的还是一个demo，最起码的就是看起来像那么回事。布局的话我采用上下结构，上面的话可以放一些logo，导航什么的。下面分为左右部分，左侧显示模型的一些信息，如果批量导
Etc.End·2023-04-05 06:09

第三章 Vite4+Vue3+Vtkjs 封装工具让其支持加载各种格式的模型

一、介绍vtk.js目前支持的格式有vtp、vti、skybox、obj、obz、stl、ply、gltf、glb、x3d、3ds、fbx、dae、json、glyph等等。vtk.js还支持从JavaScript数组、TypedArrays和ImageData对象中创建数据集。支持这么多格式是因为vtk.js本身就给我们提供了相应的Reader读取器去解析。但有的格式是不支持直接加载的，因为vt
Etc.End·2023-04-05 06:09

第四章 Vite4+Vue3+Vtkjs 实现模型旋转、截图、背景色切换等

一、介绍上一章节我在模型可视化区域加了一些图标，但是对应的功能都没有去开发，这期我们就来逐个去实现相应的功能。组件的话我分为tooltip和vuetoolbar，很好理解，就是上下两个工具。可视化区域右上侧的功能主要是针对模型的一个旋转操作。右下部分的工具主要是切换背景、截图、窗口分割。为什么要做这些功能，旋转的话可以快速达到我们要观察的角度，比自己手动去拖拽更加的快和准确。截图和切换背景看个人需
Etc.End·2023-04-05 06:09

itk-js 实现处理DICOM数据，并在VTKJS中渲染

关于DicomImageVolumeRendering如果想使用vtk来进行医学影像的体绘制的话，必须使用它们推荐的.vti格式的文件如果想用.dcm的文件直接进行渲染似乎是行不通的，于是我看到了一个git上面的issuehttps://github.com/Kitware/vtk-js/issues/678官方说：jourdaincommentedon30Mar2018Toreadavtifil
constantine丶·2023-03-23 17:03

vtkjs介绍

VTK是一个用于图像处理、3D图形、体绘制和可视化的开源软件系统。VTK包括许多高级算法（例如，表面重建、隐式建模、抽取）和渲染技术（例如，硬件加速体积渲染、LOD控制）。JavaScript实现仍然是实际C++库的子集，但将努力将原生VTK代码轻松移植或编译到WebAssembly中，以更好地融合这两个世界。vtk.js是用纯JavaScript(ES6)对VTK的真正重写。因此，并非所有内容都
小江江12·2023-01-13 13:47

简单的创建一个vtkjs项目

mkdirmy-vtkjs-app（mkdir为window创建文件夹用）cdmy-vtkjs-appnpminitnpminstallvtk.js--savenpminstallkw-web-suite
小江江12·2023-01-13 13:17
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他