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

一、介绍 😋 😋

网格模型中的点代表空间的一个位置(一个图形的位置)，线代表连接两个点的线段(图形的边缘)，面代表由多个相邻线段围成的平面(图形的表面)，网格代表图形的结构和形状。

我对于建模基本上是不懂的，据我了解点线面是平面构成的三要素，平面构成是视觉元素在二次元的平面上，按照美的视觉效果，力学的原理，进行编排和组合，它是以理性和逻辑推理来创造形象、研究形象与形象之间的排列的方法。是理性与感性相结合的产物。平面构成主要是运用点、线、面和律动组成结构严谨，富有极强的抽象性和形式感。市面上的三维建模软件，基本元素都是点线面。其次的话应该也是适应一个软件市场，如果A软件绘制出来的模型也能在B软件去很好的适配，也可以相互进行一个格式转换，那么VTKjs提供点线面网格的切换，最终目的就是为了让我们能够很好的去观察和分析，纯属一个不专业人员的角度理解。

二、完整案例 😋 😋

对于点线面网格的切换比较简单，官网也有给出示例。

actor.getProperty().set({ representation, edgeVisibility });
actor.setVisibility(!!visibility);
renderWindow.render();

1、修改src/components/layout/index.vue 👇 👇