前端3D渲染图形学【免费下载链接】cad-viewerThe world’s first fully web-based DXF/DWG viewer and editor that runs entirely in the browser — no backend server required.项目地址https://gitcode.com/gh_mirrors/cad/cad-viewer点击查看免费下载cad-viewer 是全球首个完全运行在浏览器中的 DXF/DWG 查看器与编辑器不需要安装 AutoCAD 等桌面软件不需要部署后端服务器打开浏览器就能直接查看、测量、标注 DWG/DXF 图纸且图纸文件始终不离开你的设备。本文将带你用约 10 分钟完成环境检查、项目启动并在浏览器中打开你的第一份图纸顺手掌握图层切换、距离测量等最常用操作。为什么选 cad-viewer浏览器 CAD 查看器的 4 个核心优势在动手之前先弄清楚它解决了什么痛点优势说明 零安装、零后端解析与渲染全部在浏览器完成无需任何服务器图纸不上云⚡ 高性能基于 THREE.js WebGL大图纸也能保持 60 FPS 流畅渲染 移动端友好内置响应式布局与触控手势双指缩放、单指平移、点选 一键导出离线 HTML将图纸导出为单个自包含.html文件对方用任意浏览器即可离线查看、缩放、测距 数据说明cad-viewer 对图纸的隐私保护是由架构保证的——文件从始至终不离开本地设备非常适合涉密图纸与离线场景。完整特性介绍可参考 README.zh-CN.md。快速开始前的环境检查2 项版本要求cad-viewer 基于现代前端工具链只需确认本地环境满足以下两个条件约 1 分钟Node.js≥ 24pnpm≥ 10检查命令node -v pnpm -v如果 pnpm 未安装可用npm install -g pnpm安装。另外请提前准备一份.dwg或.dxf图纸文件稍后会用到。3 步启动 cad-viewer克隆、安装、运行核心步骤只有 3 条命令全部在终端中执行约 3 分钟# 1. 克隆仓库 git clone https://gitcode.com/gh_mirrors/cad/cad-viewer cd cad-viewer # 2. 安装依赖 pnpm install # 3. 启动示例应用二选一 pnpm dev # 完整版查看器菜单、功能区、命令行、状态栏 pnpm dev:simple # 简易版查看器轻量画布 工具栏启动成功后浏览器访问终端输出的地址Vite 默认http://localhost:5173以实际输出为准即可看到完整的 CAD 查看界面。两种查看器的定位差异完整版cad-viewer基于 Vue 3功能最齐全适合体验全部交互能力源码位于 packages/cad-viewer/简易版cad-simple-viewer只有画布与 CAD 内核适合嵌入自己的 Web 产品源码位于 packages/cad-simple-viewer/打开你的第一份图纸常用鼠标与触控操作在页面中打开准备好的 DWG/DXF 文件后最常用的交互如下完整版操作手册见 docs/guide/operations.md桌面浏览器鼠标操作效果左键单击选取点 / 选中实体左键拖拽框选实体滚轮上下放大 / 缩小视图中键拖拽平移视图Del删除选中实体Esc取消当前命令Ctrl Z/Ctrl Y撤销 / 重做手机 / 平板触控双指捏合缩放单指拖动平移点按实体选中小技巧右侧工具栏中的Zoom to Extents范围缩放可一键回到图纸全貌刚打开复杂图纸时非常好用图层管理面板则支持图层的开/关、锁定、冻结与隔离。看图进阶图层、测量与标注三大高频功能打开图纸后真正体现“编辑器”价值的功能有三个图层管理在图层面板中按开关显示/隐藏图层双击图层名可缩放到该图层范围快速定位关注的部位测量工具内置距离、连续距离、面积、角度、弧长测量结果实时显示在测量面板中详见 docs/guide/measure/overview.md标注工具箭头、引线标注、云线、矩形、文本等批注能力满足设计审查的全部需要详见 docs/guide/markup/overview.md 只看不改cad-viewer 提供只读模式Read-Only Mode界面自动隐藏编辑命令布局按桌面/平板/手机自适应详见 docs/guide/ui/read-only.md。进阶了解模块化架构与离线导出能力如果你想了解图纸是如何在浏览器里跑起来的cad-viewer 采用清晰的三层架构完整文档见 docs/index.mdView Layercad-viewer完整 Vue 应用与cad-simple-viewer核心引擎Rendering Layerthree-rendererWebGL 渲染、svg-renderer、graphic-interfaceModel Layerdata-modelDXF 解析、geometry-engine、可选的libredwg-converterDWG 解析此外还有几个值得关注的扩展点插件系统官方提供 HTML / PDF / SVG 导出、OneDrive、Google Drive 数据源、AI 绘图助手等插件按需启用各插件说明见 packages/ 目录下对应包的 READMECLI 批量导出cad-simple-viewer-cli支持把整目录 DWG 批量转为 PNG、PDF、离线 HTML适合归档场景见 packages/cad-simple-viewer-cli/README.md常见问题DWG 打不开或显示异常怎么办DWG 解析是可选能力开源默认的 DWG 路径基于 LibreDWG实体覆盖有限且 WASM 体积较大示例应用通过显式注册启用。若需要更好的兼容性与更小的体积可参考官方商业解析器说明 PROPRIETARY-PARSER.mdDXF 文件解析最稳定DXF 加载使用内置 MIT 许可解析器建议初次体验优先使用 DXF大文件加载慢可关注官方 Roadmap 中的流式/增量加载进展导出为离线 HTML 后查看同一图纸内存占用通常远低于传统桌面看图软件遇到报错截图保留问题图纸链接便于社区复现可直接在项目 Issue 中反馈下一步官方文档与示例项目打开第一份图纸只是开始建议按以下路线继续深入阅读 docs/guide/ 下的用户指南操作、测量、标注、只读模式全覆盖运行其他示例pnpm dev:html-converterHTML 转换器、pnpm dev:diff图纸对比查看器把 cad-viewer 嵌入自己的产品参考 packages/cad-simple-viewer-example/ 的极简宿主写法一行代码即可集成生产部署pnpm build构建后用pnpm preview本地验证产物至此你已经完成了从环境准备到打开第一份 DWG/DXF 图纸的全部流程——没有安装任何 CAD 软件没有部署任何服务器。祝你在浏览器中愉快看图 赞分享前端3D渲染图形学【免费下载链接】cad-viewerThe world’s first fully web-based DXF/DWG viewer and editor that runs entirely in the browser — no backend server required.项目地址https://gitcode.com/gh_mirrors/cad/cad-viewer点击查看免费下载相关推荐30分钟快速上手打造你的第一个区块链浏览器30分钟快速上手打造你的第一个区块链浏览器 区块链技术正以前所未有的速度改变着数字世界而区块链浏览器作为探索区块链数据的窗口是每个区块链开发者和爱好者的必示例工程区块链浏览器里预览 DWG 图纸Open File Viewer 从 LibreDWG WASM 到 WebGL 渲染的完整路径浏览器里预览 DWG 图纸Open File Viewer 从 LibreDWG WASM 到 WebGL 渲染的完整路径 在浏览器里直接预览 DWG 图纸一前端音视频如何快速上手ChartView10分钟创建你的第一个SwiftUI图表如何快速上手ChartView10分钟创建你的第一个SwiftUI图表 ChartView 是一个功能强大的 SwiftUI 图表库专为 iOS、watch数据可视化UI组件创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考