
浏览器里直接打开18种3D格式免费在线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、FBX 等 18 种输入格式无需安装任何软件打开网页就能旋转、缩放、测量模型。如果你经常收到别人发来的 3D 文件手边又没有 CAD 软件这是查看文件成本最低的方式。Online 3D Viewer 主界面顶部工具栏是相机与视图控制左侧是模型树中间是视口右侧是详情面板它省掉了什么不用装软件、不用装插件。场景很常见同事发来一个 .stl 或 .step 文件能打开它的软件要么在办公电脑上要么要花钱。打开这个网页把文件拖进去模型就直接显示出来。Windows、Mac、Linux 表现一致手机上也能看。网页 3D 和 CAD 格式都收。多数在线查看器只认 gltf、obj而它同时收录了 3D 打印和游戏里的 STL、PLY、OFF、FBX也能原生打开 STEP、IGES、BREP、3DM、IFC 和 FreeCAD 的 FCStd 这类工程数据省掉中间转换格式这一步。FreeCAD 文件直接打开。FCStd 本身是带几何和树状结构的打包文件查看器直接解析它并保持模型原有的层级关系。设计师把 FreeCAD 工程发出去对方不需要装 FreeCAD 也能看。数据不出本机。浏览器模式里模型完全在本地解析渲染代码又是 MIT 协议的开源项目可以部署到自己的服务器上内网环境和不能把模型传上云的公司都能用。FreeCAD 原生 FCStd 文件左侧是 FreeCAD 软件视图右侧是浏览器直接加载的结果层级与几何都保留能打开什么能导出什么格式不用记全看下面两行就够了。方向格式导入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从官网公开的 12 个月使用统计看Wavefrontobj占 41.4%STL 占 17.0%FBX 占 10.9%glTF 占 9.7%3DS 占 9.2%前五种加起来覆盖了约 88% 的请求剩下的是 CAD 和工业格式。12 个月内各导入格式的使用占比obj 和 stl 占据大头加载你的第一个模型要做的其实就三件事。拖进去。工具栏最左边的文件图标是入口也可以直接把文件拖到页面上松开。几个相关的模型可以压成 ZIP 一起上传查看器会自动解包并在左侧树里列出来。转起来看。左键拖动旋转滚轮缩放右键拖动平移。模型太大或跑出画面时点工具栏里的适配视图按钮它会重新把模型居中放好。从网址加载。手头没有文件时用打开 URL对话框粘贴一个公开模型文件的地址浏览器会下载并直接加载Dropbox 这类网络存储里的文件也可以这样处理。直接从网络地址加载 3D 文件不必先下载到本地加载之后三个高频动作测量工具。点工具栏里的尺子图标在模型上点两个点浮动条会给出直线距离、X/Y/Z 方向偏移和夹角有点到点、角度、平行距离三种模式。需要核对零件尺寸时它是出镜率最高的功能。用测量工具给电机 STEP 模型量尺寸顶部浮动条显示距离、坐标偏移与角度右侧详情面板给出三角形数和模型尺寸详情面板。右侧栏能看模型的顶点数、三角形数和 X/Y/Z 尺寸还能计算体积与表面积。3D 打印切片之前先在这里确认尺寸模型放不进打印盒立刻就能发现。分享和导出。对当前视角满意时用分享功能把模型变成一个链接发给对方对方在浏览器里打开就是同一份内容。也可以把模型导出为 obj、stl、gltf、off、ply、3dm、bim带回自己的工作流里继续用。谁在用用在哪3D 打印玩家拿它当切片前的检查工具打开 STL 看看尺寸、量一下关键部位不用为此再装一套软件。设计评审时设计师发一个链接大家用浏览器打开用量角器和距离工具核几个关键尺寸比来回截图快得多。工程师和学生手头装不下大型 CAD 软件时用公司电脑或手机看 STEP、FCStd几何对、层级全够做沟通确认。自己搭一份 / 二次开发需要内网版本或者想改界面时仓库本身不算复杂最短路径是这样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),仅供参考