vtk.js如何生成两个renderer

要创建两个renderer，可以使用vtk.js中的vtkRenderer类来实现。以下是一个简单的示例，演示如何创建两个renderer并在vtk.js中显示：

// 创建第一个renderer
const renderer1 = vtkRenderer.newInstance();
renderer1.setBackground([0.5, 0.5, 0.5]);

// 创建第二个renderer
const renderer2 = vtkRenderer.newInstance();
renderer2.setBackground([0.2, 0.2, 0.2]);

// 创建vtkRenderWindow并将两个renderer添加到其中
const renderWindow = vtkRenderWindow.newInstance();
renderWindow.addRenderer(renderer1);
renderWindow.addRenderer(renderer2);

// 将vtkRenderWindow添加到HTML中的某个元素中
const container = document.getElementById('container');
const glwindow = vtkRenderWindowOpenGL.newInstance();
glwindow.setContainer(container);
glwindow.setSize(container.clientWidth, container.clientHeight);
glwindow.setRenderWindow(renderWindow);

// 渲染
const interactor = vtkRenderWindowInteractor.newInstance();
interactor.setView(glwindow);
interactor.initialize();
interactor.bindEvents(container);
interactor.start();

在上述代码中，我们首先创建了两个renderer，然后将它们都添加到同一个vtkRenderWindow中。最后，将vtkRenderWindow添加到HTML中的某个元素中，并通过交互器（interactor）来实现交互和渲染。