如果你只是想简单的展示3D模型或者跟3D模型做些简单的交互,这里推荐使用google基于threeJs封装的 model-viewer
快速开始
<!-- Import the component --> <script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/4.0.0/model-viewer.min.js"></script> <!-- Use it like any other HTML element --> <model-viewer alt="Neil Armstrong's Spacesuit from the Smithsonian Digitization Programs Office and National Air and Space Museum" src="https://modelviewer.dev/assets/SketchfabModels/ThorAndTheMidgardSerpent.glb" ar environment-image="shared-assets/environments/moon_1k.hdr" poster="shared-assets/models/NeilArmstrong.webp" shadow-intensity="1" camera-controls touch-action="pan-y"></model-viewer>
只需上面一点代码,即可实现在网页中展示3D模型