当前位置: 首页 > article >正文

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

一、介绍 😆 😆

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

采用的vite4+pinia搭建的Vue3项目。核心的话就是利用pinia作为状态管理,从初始化开始储存vtk的所有变量,所以不管页面现在处理同一个界面还是不同的路由,都能对模型进行一个更改操作。

其次对批量的模型做了处理,左侧会生成当前加载的所有模型名称,每个名称下能对模型进行一个单独的处理,包括显示隐藏颜色旋转等等。其次模型的颜色进行一个精准的计算处理,这里我和glance进行了一个对比,完全是一模一样啊。

另外还利用了pinia的优势,可以让我对批量加载的模型进行一个处理,然后进行一个播放动画的效果。

二、点线面 😆 😆

模型加载完成以后有一个默认的颜色值,默认显示的比例。还有模型显示隐藏的功能。

三、切换模型自带的color变量 😆 😆


http://www.kler.cn/a/9819.html

相关文章:

  • OSS文件上传
  • 现代Web开发:Vue 3 组件化开发实战
  • 一篇Spring Boot 笔记
  • 【大数据学习 | HBASE】hbase的读数据流程与hbase读取数据
  • 杨辉三角-一维数组与二维数组解法
  • Logrus入门
  • 刘二大人《Pytorch深度学习实践》第十一讲卷积神经网络(高级篇)
  • 工厂模式白话 - 3种都有哦
  • C语言——变参函数
  • 为什么Java8不使用CMS作为默认垃圾收集器
  • 死锁的检测和案例
  • Qt使用std::thread更新QPlainTextEdit内容
  • 透过Gartner最新报告,认识“超级边缘”
  • Java 包详细讲解
  • ChatGPT想干掉开发人员,做梦去吧
  • ERTEC200P-2 PROFINET设备完全开发手册(4-2)
  • 4.9--计算机网络之TCP篇之TCP 重传、滑动窗口、流量控制、拥塞控制--(复习+大总结)---好好沉淀,沉下心来
  • 真题详解(Flynn分类)-软件设计(四十六)
  • 【Linux】线程概念详析
  • 博客平台用户模块设计原则:构建简洁、高效的用户体验
  • 100种思维模型之非共识思维模型-48
  • 板块模型构建、k点选定及Miller指数对表面分类
  • 代码随想录算法训练营第五十二天 | 300.最长递增子序列、674. 最长连续递增序列、718. 最长重复子数组
  • 液压传动与控制实验教学培训系统平台
  • Bootloader的作用
  • [ 应急响应基础篇 ] Windows系统隐藏账户详解(Windows留后门账号)