第一个vtk.js程序锥子

最新推荐文章于 2024-05-15 09:42:05 发布

不会吉他的肌肉男不是好的挨踢男

最新推荐文章于 2024-05-15 09:42:05 发布

阅读量454

点赞数

分类专栏： VTK 文章标签： js javascript nodejs html

本文链接：https://blog.youkuaiyun.com/u010101193/article/details/107763028

版权

VTK 专栏收录该内容

1 篇文章

订阅专栏

使用vtk.js预构建的脚本文件来构建我们的第一个应用程序。

新建vtk.html文件，写入以下内容：

<!DOCTYPE html>
<html>
<body>
<script type="text/javascript" src="https://unpkg.com/@babel/polyfill@7.0.0/dist/polyfill.js"></script>
<script type="text/javascript" src="https://unpkg.com/vtk.js"></script>
<script type="text/javascript">
  // --------------------------------------------------------------------------
  // Example code
  // --------------------------------------------------------------------------
  var fullScreenRenderer = vtk.Rendering.Misc.vtkFullScreenRenderWindow.newInstance();
  console.log(JSON.stringify(fullScreenRenderer))
  var actor              = vtk.Rendering.Core.vtkActor.newInstance();
  console.log(JSON.stringify(actor))
  var mapper             = vtk.Rendering.Core.vtkMapper.newInstance();
  console.log(JSON.stringify(mapper))
  var cone               = vtk.Filters.Sources.vtkConeSource.newInstance();
  console.log(JSON.stringify(cone))

  actor.setMapper(mapper);
  mapper.setInputConnection(cone.getOutputPort());

  var renderer = fullScreenRenderer.getRenderer();
  renderer.addActor(actor);
  renderer.resetCamera();

  var renderWindow = fullScreenRenderer.getRenderWindow();
  renderWindow.render();
</script>
</body>
</html>