当前位置：首页 > news >正文

3dconvert-viewer.js SDK

news 来源：原创 2025/5/25 14:16:26

3dconvert-viewer.js SDK是一款功能强大、易于集成的3D模型展示工具，它以3dconvert平台的服务为基础，为广大开发者提供了一个高效、便捷的3D模型展示解决方案。通过这款SDK，客户可以轻松地将自己的3D模型集成到Web系统中，实现高质量的3D展示效果。

该SDK具有一系列令人瞩目的功能特点，包括但不限于光照、相机、剖切和拾取等。光照功能可以根据客户需求调整模型的光照效果，使得模型在展示时更加逼真；相机功能则允许用户自由调整视角和焦距，获得最佳的观看体验；剖切功能可以方便地对模型进行切割和查看内部结构，满足特定的展示需求；拾取功能则支持用户对模型进行交互操作，如点击、拖动等，增强了用户与模型的互动性。

3dconvert-viewer.js SDK的显示效果也非常出色。它采用了先进的渲染技术和优化算法，能够确保在Web环境中流畅地展示大型、复杂的3D模型。同时，SDK还支持多种格式的3D模型导入，方便客户使用现有的模型资源。

对于希望将3D模型集成到自己Web系统的客户来说，3dconvert-viewer.js SDK是一个理想的选择。它提供了简单易用的API接口和详细的文档支持，免服务端，使得开发者能够轻松地将其集成到现有的系统中。此外，SDK还提供了灵活的定制选项，可以根据客户的具体需求进行个性化设置，满足各种复杂的展示需求。

安装

shell

$ npm install nsdt-3dconvert-viewer

// 使用
import Viewer from 'nsdt-3dconvert-viewer';

使用

html 代码

html

...
 <div id="viewer-container" style="width: 100%;height: 600px;border: 1px solid #000;"></div>
...

js 代码

javascript

// 引入3dconvert-viewer 
import Viewer from 'nsdt-3dconvert-viewer';

async function load3dModal() {
    // 创建Viewer实例，初始化参数为 Dom id 或者 HTMLElement
    const viewer = new Viewer('viewer-container');
	
    // 初始化
    await viewer.init();
    
    // 文件id 详细过程请参考：【获取fileId】章节
    const fileId = '687e6d1ec0'
    
    // 加载模型
    await viewer.loadObjectByFileId(fileId,{ enableCaching: false })

    // 注册事件监听器
    viewer.on('load-progress', (e) => {
      console.log('模型加载进度', e);
    });
}

load3dModal()