Three.JS空白页在CSS3DRenderer中没有任何错误

问题描述

当我在代码中使用CSS3DRenderer时，我得到一个空白页，没有任何错误，我只想使用CSS3DRenderer获得该行，因为我的其余代码仅适用于此

HTML代码

message

script.js

<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>threejs line draw</title>
  <style>
  body { margin: 0; }
    canvas { width: 100%; height: calc(100% -10px) }
  </style>

</head>
<body>
<script src='https://cdnjs.cloudflare.com/ajax/libs/three.js/108/three.min.js'></script>
<script src="./lib/Tween.min.js"></script>
<script src="./lib/controls/TrackballControls.js"></script>
<script src="./lib/renderers/CSS3DRenderer.js"></script>
<script src="./script.js"></script>
</body>
</html>

解决方法

CSS3DRenderer仅能够呈现类型CSS3DObject和CSS3DSprite的实例。这两个类都希望将HTML DOM元素作为其实际的呈现项。

这意味着您无法使用Mesh来渲染包含几何形状和材质（例如Line，Points或CSS3DRenderer）的3D对象。

html javascript three.js

Three.JS空白页在CSS3DRenderer中没有任何错误

问题描述

解决方法

相关问答