[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-81598":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":15,"stars7d":16,"stars30d":16,"stars90d":15,"forks30d":15,"starsTrendScore":15,"compositeScore":17,"rankGlobal":10,"rankLanguage":10,"license":18,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":21,"hasPages":19,"topics":22,"createdAt":10,"pushedAt":10,"updatedAt":28,"readmeContent":29,"aiSummary":30,"trendingCount":15,"starSnapshotCount":15,"syncStatus":13,"lastSyncTime":31,"discoverSource":32},81598,"online-gencad-viewer","easyeda\u002Fonline-gencad-viewer","easyeda","Online GenCAD Viewer - 在线查看 GenCAD (.cad) PCB 文件，支持多层布局、走线、焊盘、过孔、丝印等元素的可视化展示。Free online viewer for GenCAD PCB files with multi-layer routing, pads, vias, and silkscreen visualization.","",null,"TypeScript",24,2,23,0,1,1.43,"Apache License 2.0",false,"main",true,[23,24,25,26,27],"gencad","leaferjs","pcb","smt","viewer","2026-06-12 02:04:17","# Online GenCAD Viewer\n\n[English](.\u002FREADME-EN.md) | 中文\n\n在线 GenCAD (.cad) PCB 文件查看器，支持多层布局、走线、焊盘、过孔、丝印等元素的交互式可视化展示。\n\n也可以下载构建好的html文件，在浏览器打开使用 [online-gencad-viewer.html](.\u002Fdist\u002Fonline-gencad-viewer.html)\n\n## 功能特性\n\n- 解析并渲染 GenCAD 格式 PCB 文件\n- 多层可视化：顶层、底层、内层、丝印层、钻孔层、板框层\n- 图层独立显示\u002F隐藏控制\n- 图元过滤：导线、过孔、元件、位号、值、网络名\n- 元件列表与网络列表，支持搜索\n- 点击元件\u002F网络高亮，自动平移到可视区域\n- 滚轮缩放（光标中心）、拖拽平移\n- 适配视图、放大、缩小\n- 中英文界面切换\n- 构建为单个 HTML 文件，无需服务器即可使用\n\n## 技术栈\n\n- **渲染引擎**: [LeaferJS](https:\u002F\u002Fwww.leaferjs.com) (HTML5 Canvas)\n- **构建工具**: [Vite](https:\u002F\u002Fvitejs.dev) + [vite-plugin-singlefile](https:\u002F\u002Fgithub.com\u002Fnickreese\u002Fvite-plugin-singlefile)\n- **语言**: TypeScript\n- **输出**: 单个自包含 HTML 文件\n\n## 快速开始\n\n```bash\n# 安装依赖\nnpm install\n\n# 启动开发服务器\nnpm run dev\n\n# 构建生产版本（输出到 dist\u002Fonline-gencad-viewer.html）\nnpm run build\n\n# 预览生产构建\nnpm run preview\n```\n\n## 使用方式\n\n1. 打开页面后，点击「打开文件」按钮或直接拖拽 `.cad` 文件到页面\n2. 使用右侧图层面板控制各层的显示\u002F隐藏\n3. 使用顶部过滤按钮切换图元类型的显示\n4. 在左侧面板搜索并点击元件或网络进行高亮定位\n5. 点击画布空白处退出高亮模式\n6. 滚轮缩放，左键\u002F右键拖拽平移\n\n## 项目结构\n\n```\nsrc\u002F\n├── parser\u002F          # GenCAD 文件解析器\n│   ├── index.ts     # 主解析逻辑\n│   ├── types.ts     # 数据类型定义\n│   └── units.ts     # 单位转换\n├── renderer\u002F        # LeaferJS 渲染器\n│   ├── index.ts     # 渲染入口，图层组装\n│   ├── board-renderer.ts      # 板框渲染\n│   ├── route-renderer.ts      # 走线\u002F过孔渲染\n│   ├── component-renderer.ts  # 元件\u002F焊盘\u002F丝印渲染\n│   ├── primitives.ts          # 图元转换工具\n│   └── colors.ts              # 图层颜色定义\n├── ui\u002F              # 用户界面\n│   ├── layout.ts    # 布局、工具栏、国际化\n│   ├── file-picker.ts         # 文件加载\n│   ├── layer-controls.ts      # 图层\u002F过滤控制\n│   ├── left-panel.ts          # 元件\u002F网络列表\n│   └── property-panel.ts      # 属性面板\n└── main.ts          # 应用入口，交互逻辑\n```\n\n## 作者\n\n[EasyEDA](https:\u002F\u002Feasyeda.com)\n\n## 许可证\n\nApache-2.0\n","在线 GenCAD (.cad) PCB 文件查看器，支持多层布局、走线、焊盘、过孔、丝印等元素的交互式可视化展示。该项目使用 LeaferJS 作为渲染引擎，基于 TypeScript 开发，提供多层可视化、图层独立显示\u002F隐藏控制、图元过滤等功能，并且可以构建为单个自包含 HTML 文件，无需服务器即可使用。适用于需要在线查看和分析 GenCAD 格式 PCB 文件的设计人员和工程师，特别适合在没有专门软件的情况下进行快速预览和基本操作。","2026-06-11 04:05:39","CREATED_QUERY"]