HTML5本身不支持三维建模，实际是通过WebGL+JavaScript库（如three.js或SView for HTML5）在浏览器中渲染交互式3D模型；需分清建模、转换（如FBX→glTF/.svx）、渲染三环节。
HTML5 本身不直接支持三维建模，所谓“HTML5建模”，实际是指：用 HTML5 技术（主要是 WebGL + JavaScript 库）在浏览器中加载、渲染、交互式操作三维模型。因此你需要的不是“建模软件”，而是「三维可视化工具链」——前端渲染器 + 模型转换工具 + 轻量化处理方案。
用什么渲染 HTML5 里的 3D 模型？优先选 three.js 或 SView for HTML5
绝大多数真实项目走的是“外部建模 → 导出 glTF/STL → 浏览器加载”路线。three.js 是最通用的选择，它不绑定任何建模功能，但能稳定加载 .glb、.gltf 等标准格式，配合 OrbitControls 实现旋转缩放，适合开发者自己集成。
SView for HTML5 则是开箱即用的工业级方案，专为 CAD 模型设计，支持装配树、测量、批注、轻量化装配等，但只接受其私有轻量化格式（需用配套工具转换），且必须用 Chrome 或 Chromium 内核浏览器，否则 WebGL 渲染会失败。
- 别指望直接在浏览器里“画立方体建模”——那属于 Blender / Fusion 360 的事
- 若你手上有 SolidWorks/UG/NX 原生文件，先用
SView Converter工具导出为.svx，再用SView for HTML5加载 - 若模型来自 SketchUp 或 Blender，导出为
.glb后，用three.js加载更灵活，也便于加自定义 UI 控件
模型怎么转成 HTML5 可用格式？避开 FBX → HTML5 这个死胡同
常见误区：以为把 FBX 拖进某个“HTML5建模软件”就能直接网页展示。现实是，FBX 是 Autodesk 闭源格式，浏览器原生不支持，必须中转。
立即学习“前端免费学习笔记（深入）”；
- ✅ 正确路径：
原始 CAD 文件 → SView Converter（或 SimLab Composer）→ .svx，或Blender → Export as glTF (.glb) → three.js 加载 - ❌ 错误路径：
FBX → Dreamweaver → 网页（Dreamweaver 不处理 3D，仅编辑 HTML/CSS） - ⚠️ 注意：Unity 导出的 WebGL 包体积大、启动慢、调试难，不适合轻量嵌入页面；而
glTF是目前唯一被三大引擎（three.js / Babylon.js / PlayCanvas）一致支持的“Web 3D JPEG”标准
有没有“边拖边看”的可视化工具？CodeCanvas 和 WebCraft 都不适用
市面上标榜“HTML5建模”的拖拽工具（如 Mugeda、兔展、WebCraft），本质是 H5 营销页制作器，它们生成的是带动画的 DIV+CSS 页面，不处理任何三维几何数据。它们能做旋转卡片、弹跳按钮，但不能测量两个齿轮啮合间隙，也不能剖切查看内部结构。
- 如果你要的是产品宣传页里的“3D 展示图”，用
Sketchfab嵌入 iframe 最省事（上传 glb 后自动生成代码） - 如果你要的是工程级交互（比如点击某零件高亮 BOM 表、记录测量坐标），必须用
SView for HTML5或定制three.js应用 - 别被“所见即所得”误导——真正三维空间的 Z 轴深度、光照反射、法线贴图，全靠底层 WebGL 渲染管线，UI 拖拽器根本碰不到这一层
本地部署要注意什么？file:// 协议下 three.js 会报 CORS 错误
开发时双击打开 HTML 文件，常遇到模型加载失败、控制台报 Failed to load resource: net::ERR_FILE_NOT_FOUND 或 Cross origin requests are only supported for protocol schemes。这是因为现代浏览器禁止从本地文件系统发起跨域资源请求。
- ✅ 解决方法：用 VS Code 安装
Live Server插件，右键 → “Open with Live Server”，自动起一个http://127.0.0.1:5500服务 - ✅ 或命令行快速起服务：
python3 -m http.server 8000
（Python 3）、npx http-server
（需 Node.js） - ❌ 不要用 Notepad++ 或 Sublime 直接“在浏览器中打开”，那走的是
file://协议，必挂
真正卡住项目的，往往不是“选哪个工具”，而是没分清「建模」「转换」「渲染」三个环节各自该用什么。CAD 工程师习惯在 SolidWorks 里改参数，前端工程师习惯写 loader.load('model.glb', ...)，中间那道“轻量化转换”如果漏了或做错了，后面所有代码都白写。
