- 博客(3)
- 收藏
- 关注
原创 在vue2项目中使用vtk.js解决建模脱离文档流问题
假设我们的项目有一个侧边导航栏,右边是我们的内容部分,如果用以上代码,虽然创建了建模,但是你会发现你的侧边导航没有办法点击跳转了。打开控制台查看元素时,会发现,在你ID为app的div标签的同级下,也会出现一个div标签,里面包裹一个canvas。但是你会发现一个新的问题,你会发现页面的建模非常的模糊,并且没有办法使用鼠标拖动旋转。//这一步是解决模型模糊的,将容器的宽高设置到openGL的视图上。actor.setPosition(10, 15, 10) // 将圆柱体移到10的位置。
2023-09-20 15:00:20 251 1
原创 vtk.js解决渲染重复的问题
在渲染vtk.js时可能会遇到。比如我们请求接口渲染了建模数据,等待3分钟之后,重新请求接口做渲染。但是在第二次渲染完成之后,我们会看到。之前的渲染和现在的渲染同时出现了,导致了冲重复渲染。//这里是渲染了三组建模数据,其实就是把创建的actor都添加到actors这个数组里面。// 这里开始清除旧的模型并渲染新的模型。//存储所有的actor。全局定义所需要的vtk.jsAPI。// 仅创建或重建渲染窗口。
2023-08-08 15:13:55 199
原创 解决在vue2中组件页面使用import引入vtk.js文件的报错
控制台就可以打印出来我以上引入的vtkFullScreenRenderWindow了。2.等待vtk.js库下载完成之后,在vue.config.js文件中加入以下代码。3.然后在我们的组件页面就可以使用import去引入相关的vtk.js文件了。1.首先在vue2中加入vtk.js库。
2023-06-12 09:02:02 573
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人