vtkjs 14版本加载模型贴图

在vtk.js 14版本中，加载模型贴图可以使用TextureLoader类。

首先，你需要导入TextureLoader和vtk.js的其他必要类：

import { vtkActor, vtkCubeSource, vtkMapper } from 'vtk.js/Sources/Rendering/Core/index';
import { vtkFullScreenRenderWindow } from 'vtk.js/Sources/Rendering/Misc/FullScreenRenderWindow';
import { vtkTextureLoader } from 'vtk.js/Sources/Rendering/Core/TextureLoader';

然后，你可以创建一个vtkTextureLoader对象，并使用它来加载贴图：

const textureLoader = vtkTextureLoader.newInstance();
textureLoader.loadTexture('path/to/texture.png').then((texture) => {
  // 在这里创建和添加模型
});

在成功加载贴图后，你可以创建和添加你的模型。例如，你可以使用vtkCubeSource创建一个立方体，并使用vtkActor和vtkMapper将其渲染到屏幕：

const cubeSource = vtkCubeSource.newInstance();
const mapper = vtkMapper.newInstance();
mapper.setInputConnection(cubeSource.getOutputPort());
const actor = vtkActor.newInstance();
actor.setMapper(mapper);
actor.addTexture(texture); // 将贴图添加到演员中

const fullScreenRenderer = vtkFullScreenRenderWindow.newInstance();
const renderer = fullScreenRenderer.getRenderer();
renderer.addActor(actor);

完整的例子：

import { vtkActor, vtkCubeSource, vtkMapper } from 'vtk.js/Sources/Rendering/Core/index';
import { vtkFullScreenRenderWindow } from 'vtk.js/Sources/Rendering/Misc/FullScreenRenderWindow';
import { vtkTextureLoader } from 'vtk.js/Sources/Rendering/Core/TextureLoader';

const textureLoader = vtkTextureLoader.newInstance();
textureLoader.loadTexture('path/to/texture.png').then((texture) => {
  const cubeSource = vtkCubeSource.newInstance();
  const mapper = vtkMapper.newInstance();
  mapper.setInputConnection(cubeSource.getOutputPort());
  const actor = vtkActor.newInstance();
  actor.setMapper(mapper);
  actor.addTexture(texture);

  const fullScreenRenderer = vtkFullScreenRenderWindow.newInstance();
  const renderer = fullScreenRenderer.getRenderer();
  renderer.addActor(actor);
});