ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

在浏览器里直接打开18种3D格式:Online 3D Viewer 使用指南

2026/8/27 1:13:44 拓冰建站 浏览量
在浏览器里直接打开18种3D格式:Online 3D Viewer 使用指南 在浏览器里直接打开18种3D格式Online 3D Viewer 使用指南【免费下载链接】Online3DViewerA solution to visualize and explore 3D models in your browser.项目地址: https://gitcode.com/gh_mirrors/on/Online3DViewerOnline 3D Viewer 是一个免费开源的 3D 模型查看器直接在浏览器里打开 STL、OBJ、STEP、GLTF 等 18 种格式。如果你经常收到别人发来的 3D 文件手边又没有 CAD 软件这是查看文件成本最低的方式。不用装软件不用装插件Windows、Mac、Linux、手机表现一致。它帮你省了什么格式和软件对不上号的问题。多数在线查看器只认 gltf、obj而 Online 3D Viewer 同时收录了 STEP、IGES、BREP、3DM、IFC、FCStd 这类工程数据省掉中间转换格式这一步。FreeCAD 文件不用打开 FreeCAD。FCStd 本身是带几何和树状结构的打包文件查看器直接解析它保持原有层级关系。设计师把 FreeCAD 工程发出去对方浏览器里直接看。模型数据不出本机。浏览器模式里模型完全在本地解析渲染代码是 MIT 协议可以部署到自己的服务器上内网环境、不能把模型传上云的公司都能用。不用注册账号打开网页就能看。Online 3D Viewer 主界面顶部工具栏是相机与视图控制左侧是模型树中间是视口右侧是详情面板能打开什么能导出什么方向格式导入18 种3dm、3ds、3mf、amf、bim、brep、dae、fbx、fcstd、gltf/glb、ifc、iges、step、stl、obj、off、ply、wrl导出7 种3dm、bim、gltf/glb、obj、off、stl、ply格式生态左侧 18 种导入格式汇入查看器右侧是 7 种导出格式从官方公开的 12 个月统计看obj 占 41.4%stl 占 17.0%fbx 占 10.9%gltf 占 9.7%3ds 占 9.2%前五种加起来约 88%剩下的是 CAD 和工业格式。官方 12 个月导入格式使用占比前五种格式覆盖了约 88% 的请求你的第一个模型拖进去。工具栏最左边的文件图标是入口也可以把文件直接拖到页面上松开。几个相关模型压成 ZIP 一起传也行查看器会自动解包在左侧树里列出来。转起来看。左键拖动旋转滚轮缩放右键拖动平移。模型太大或跑出画面点工具栏的适配视图按钮它会重新把模型居中放好。从网址加载。手头没文件时用打开 URL对话框粘贴公开模型文件的地址浏览器会下载并直接加载。Dropbox 里的文件不用先下载到本地粘贴网络地址就能直接加载三个高频操作测量工具。点工具栏的尺子图标在模型上点两个点浮动条给出直线距离、X/Y/Z 偏移和夹角有点到点、角度、平行距离三种模式。核对零件关键尺寸时它出镜率最高。给电机 STEP 模型量尺寸顶部浮动条显示距离、坐标偏移与角度右侧面板给出顶点数、三角形数和模型尺寸详情面板。右侧栏能看顶点数、三角形数和 X/Y/Z 尺寸还能计算体积与表面积。3D 打印切片之前先在这里确认尺寸模型放不进打印盒立刻就能发现。分享和导出。对当前视角满意点分享得到一个链接对方浏览器打开就是同一份内容。也可以导出为 obj、stl、gltf、off、ply、3dm、bim带回自己的工作流继续用。谁在用自己搭一份3D 打印玩家拿它当切片前的检查工具打开 STL 看看尺寸、量一下关键部位不用为此再装一套软件。设计评审时设计师发一个链接大家浏览器打开用量角器和距离工具核几个关键尺寸比来回截图快。工程师和学生手头装不下大型 CAD 软件时用公司电脑或手机看 STEP、FCStd几何对、层级全够做沟通确认。FreeCAD 原生 FCStd 文件左侧是 FreeCAD 视图右侧是浏览器直接加载的结果层级与几何都保留需要内网版本或想改界面时四条命令就够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/ —— 网站前端工具栏、面板、对话框都在这里下次再收到 3D 文件别急着装软件——打开浏览器拖进去先看看再说。【免费下载链接】Online3DViewerA solution to visualize and explore 3D models in your browser.项目地址: https://gitcode.com/gh_mirrors/on/Online3DViewer创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考