免费在线 3D 查看器 Online 3D Viewer:浏览器打开 STEP、STL 等 18 种格式的完整指南
【免费下载链接】Online3DViewerA solution to visualize and explore 3D models in your browser.项目地址: https://gitcode.com/gh_mirrors/on/Online3DViewer
Online 3D Viewer 是一个免费开源的浏览器 3D 模型查看器:打开网页,把 STL、OBJ、STEP、GLTF、FBX 等 18 种格式的文件拖进去,直接在页面上旋转、缩放、测量,不装任何软件。收到同事发来的 .stl,手边没有 CAD?打开这个网页,拖一下,模型就出来了。
没有 CAD 电脑时,打开 .stl 和 .step 的三条路
- 拖拽上传。把文件拖进视口松开即可;也可以点工具栏最左边的文件图标选择本地文件。
- ZIP 整包上传。相关的多个模型压成一个 ZIP 一起传,查看器自动解包,在左侧模型树里逐条列出。
- 直接给 URL。没有本地文件时,用打开 URL对话框粘贴一个公开模型文件的地址,浏览器下载后直接渲染,Dropbox 这类网盘里的文件同样适用。
操作视角:左键拖动旋转,滚轮缩放,右键拖动平移。模型跑出画面时,点工具栏的适配视图,它会自动把模型居中缩放回视野。
📐 工程格式是它区别于多数在线查看器的地方:STEP、IGES、BREP、IFC、3DM 这类 CAD 数据直接解析,不必先转成 glTF;FreeCAD 的 FCStd 更是保留原始层级关系打开,设计师把工程发出去,对方不用装 FreeCAD 也能看图。
18 种格式导入,7 种导出
| 方向 | 格式 |
|---|---|
| 导入 | 3dm、3ds、3mf、amf、bim、brep、dae、fbx、fcstd、gltf/glb、ifc、iges、step、stl、obj、off、ply、wrl |
| 导出 | 3dm、bim、gltf/glb、obj、off、stl、ply |
官网公开的 12 个月使用统计里,obj 占 41.4%,stl 占 17.0%,fbx 10.9%、glTF 9.7%、3ds 9.2%——前五种合计约 88%,剩下的是 CAD 与工业格式。
| 格式 | 占比 |
|---|---|
| obj | 41.4% |
| stl | 17.0% |
| fbx | 10.9% |
还有一点:浏览器模式下模型完全在本机解析渲染,数据不出电脑;代码是 MIT 协议,部署到内网服务器,模型不能上云的公司也能用。
一次设计评审怎么用它走完整
- 拿到 STEP 或 FCStd 文件,拖进去,先点适配视图。
- 点工具栏的尺子图标,在模型上点两个点,顶部浮动条给出直线距离、X/Y/Z 方向偏移和夹角,支持点到点、角度、平行距离三种模式。
- 看右侧详情面板:顶点数、三角形数、X/Y/Z 尺寸,体积和表面积也能算。3D 打印切片之前先在这里确认尺寸,模型放不进打印盒当场就能发现。
- 视角满意后点分享,生成一个链接发给对方,打开就是同一个视角;或者点导出,存成 obj、stl、gltf、off、ply、3dm、bim 之一带回自己的工作流。
谁在用它
- 3D 打印玩家当切片前的检查工具:打开 STL 看尺寸、量关键部位,不为此多装一套软件。
- 设计评审:设计师发一个链接,各方在浏览器里用量角器和距离工具核对关键尺寸,比来回截图快。
- 工程师和学生:电脑装不下大型 CAD 时,用它看 STEP、FCStd,几何和层级都在,够做沟通确认。
5 分钟跑起一份内网版
🖱 需要私有部署或改界面时,最短路径:
git clone https://gitcode.com/gh_mirrors/on/Online3DViewer cd Online3DViewer npm install npm start本地服务起来后体验与官网一致。想嵌进自己的网站,安装 npm 包online-3d-viewer,在页面里初始化一个OV.EmbeddedViewer实例即可,相机参数、背景色、边线显示、环境贴图都能用代码配置。
改代码的话看三个目录:source/engine/import/每种格式一个导入器,新增格式从这里入手;source/engine/export/是导出实现;source/website/放工具栏、面板和对话框。开发文档在docs/source/下。
下次再收到 3D 文件:打开浏览器,拖进去,点一次适配视图,量一个你在意的尺寸。
【免费下载链接】Online3DViewerA solution to visualize and explore 3D models in your browser.项目地址: https://gitcode.com/gh_mirrors/on/Online3DViewer
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考