Forge简单语法实现加视图Viewer到HTML页面

最新推荐文章于 2025-05-04 14:33:30 发布

原创最新推荐文章于 2025-05-04 14:33:30 发布 · 379 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #java #前端

本文介绍了如何使用Autodesk Forge Viewer在网页中加载和展示3D模型，展示了HTML、CSS和JavaScript的配合，以及如何设置合适的视口和样式。

<head>
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=no" />
    <meta charset="utf-8">

    <link rel="stylesheet" href="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/style.min.css" type="text/css">
    <script src="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/viewer3D.min.js"></script>

    <style>
        body {
            margin: 0;
        }
        #forgeViewer {
            width: 60%;
            height: 60%;
            margin: 0;
            background-color: #F0F8FF;
        }
    </style>
</head>
<body>

    <div id="forgeViewer"></div>

</body>

运行，如图：