第八章 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变量 😆 😆
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhhcbgbh
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
微信运动停用后别人还能看到步数吗
PHP中文网 07-22 -
excel打印预览压线压字怎么办
PHP中文网 06-22