在VTK. js中使用Vue 3时,为什么渲染不显示在屏幕上?

pinkon5k  于 2023-03-19  发布在  Vue.js
关注(0)|答案(1)|浏览(355)

当遵循官方VTK.js/Vue.js tutorial(并使用最新的3.x版本)时,为什么圆锥体不在浏览器窗口中呈现?

yhived7q

yhived7q1#

在Vue附带的默认CSS中,base.css文件强制所有元素具有以下样式:

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  position: relative;
  font-weight: normal;
}

position设置为relative会导致对于widthheight,假定在其上渲染圆锥体的canvas被设置为0
注解掉position: relative;可解决此问题。

相关问题