vtkjs学习笔记一基本工作流

VTK数据工作流解析及关键组件介绍

原创

于 2021-02-19 18:08:00 发布 · 1.7k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#vtkjs webgl

本文详细介绍了VTK（Visualization Toolkit）的数据工作流，从source、filter、mapper、actor到renderer、renderWindow和interactor，阐述了每个组件在3D图形渲染中的作用。通过实例展示了数据源的创建、数据过滤、映射到渲染的过程，并解释了渲染器、渲染窗口和交互器如何协同工作以实现用户交互。此外，还梳理了vtkActor、vtkMapper等核心组件的功能和使用方法。

数据工作流一般为：

source——filter——mapper——actor——render——renderwindow——interactor。

Actor用来在场景中表现一个可视化实体，也可以成为3D图形的描绘实现，主要用于对图形的描绘。

Filter是一种数据处理机制，有一个或者多个输入，但仅有一个输出。其目的是对图形图像数据进行处理，以便得到我们期望的数据。

一个完整初始化的流程如下：

   // 创建source
    const coneSource = vtkConeSource.newInstance({ height: 1.0 });
    const filter = vtkCalculator.newInstance();

    // 设置filter
    filter.setInputConnection(coneSource.getOutputPort());
    filter.setFormula({
      getArrays: (inputDataSets: any) => ({
        input: [],
        output: [
          {
            location: FieldDataTypes.CELL,
            name: 'Random',
          &nb