news 2026/8/27 1:11:10

免费在线 3D 查看器 Online 3D Viewer:浏览器打开 STEP、STL 等 18 种格式的完整指南

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
免费在线 3D 查看器 Online 3D Viewer:浏览器打开 STEP、STL 等 18 种格式的完整指南

免费在线 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 与工业格式。

格式占比
obj41.4%
stl17.0%
fbx10.9%

还有一点:浏览器模式下模型完全在本机解析渲染,数据不出电脑;代码是 MIT 协议,部署到内网服务器,模型不能上云的公司也能用。

一次设计评审怎么用它走完整

  1. 拿到 STEP 或 FCStd 文件,拖进去,先点适配视图
  2. 点工具栏的尺子图标,在模型上点两个点,顶部浮动条给出直线距离、X/Y/Z 方向偏移和夹角,支持点到点、角度、平行距离三种模式。
  3. 看右侧详情面板:顶点数、三角形数、X/Y/Z 尺寸,体积和表面积也能算。3D 打印切片之前先在这里确认尺寸,模型放不进打印盒当场就能发现。
  4. 视角满意后点分享,生成一个链接发给对方,打开就是同一个视角;或者点导出,存成 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),仅供参考

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/8/27 1:10:46

跑一次省百回:KeymouseGo 鼠标键盘录制自动化从零到调参完整教程

跑一次省百回:KeymouseGo 鼠标键盘录制自动化从零到调参完整教程 【免费下载链接】KeymouseGo 类似按键精灵的鼠标键盘录制和自动化操作 模拟点击和键入 | automate mouse clicks and keyboard input 项目地址: https://gitcode.com/gh_mirrors/ke/KeymouseGo …

作者头像 李华
网站建设 2026/8/27 1:10:43

【单片机毕业设计】带 LCD1602 显示的智能恒温饮水监测硬件系统设计 基于 ESP8266 WiFi 通信的智能饮水数据采集与监控系统(025304)

博主介绍:✌️码农一枚 ,专注于大学生项目实战开发、讲解和毕业🚢文撰写修改等。全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于嵌入式单片机,Java、小程序技术领域和毕业项目实战 ✌️…

作者头像 李华
网站建设 2026/8/27 1:10:22

【单片机毕业设计】基于 STM32 或 51 单片机的光感雨滴湿度一体化窗控系统开发 基于 STM32 或 51 单片机的步进电机驱动智能门窗控制系统设计(025604)

博主介绍:✌️码农一枚 ,专注于大学生项目实战开发、讲解和毕业🚢文撰写修改等。全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于嵌入式单片机,Java、小程序技术领域和毕业项目实战 ✌️…

作者头像 李华
网站建设 2026/8/27 1:08:55

TPFanCtrl2 实战指南:3 套风扇曲线搞定 ThinkPad 双风扇控速

TPFanCtrl2 实战指南:3 套风扇曲线搞定 ThinkPad 双风扇控速 【免费下载链接】TPFanCtrl2 ThinkPad Fan Control 2 (Dual Fan) for Windows 10 and 11 项目地址: https://gitcode.com/gh_mirrors/tp/TPFanCtrl2 TPFanCtrl2 是面向 ThinkPad 双风扇机型的开源…

作者头像 李华
网站建设 2026/8/27 1:06:45

LeetDown 3步降级iPhone 5与iPad 4

LeetDown 3步降级iPhone 5与iPad 4 【免费下载链接】LeetDown a macOS app that downgrades A6 and A7 iDevices to OTA signed firmwares 项目地址: https://gitcode.com/gh_mirrors/le/LeetDown 手里那台 iPhone 5 卡在高版本系统上越用越卡,想重装系统却只…

作者头像 李华