欢迎回来
登录你的知识库账户
忘记密码?
还没有账户?立即注册
创建账户
注册你的专属知识库
已有账户?去登录
找回密码
输入注册邮箱获取验证码
返回登录
请输入图片中的验证码以继续注册
加载中...
取消
新建收藏
手动添加你喜欢的内容
取消
编辑头像与昵称
上传新头像或修改你的显示昵称
支持 JPG/PNG,最大 2MB
取消

问题反馈

notebasewww.notebase.cn
控制台
内容库
动态
管理
账户
U
用户
--
在线
v0.8.7 · 知识库
笔记
KnowledgeBase
网络无边,知识有迹。
0笔记
0工具
30推荐

分类导航

按主题直达

编辑精选

站内用户贡献 · 真实笔记

最新收录

每日更新
继续浏览全部内容 →
>
笔记
0
加载中...
工具
0
此页用于记录用户反馈问题后的每一次改进
笔记用法

“写笔记”支持四种格式——Word 文档、Excel 表格、Markdown、纯文本,起稿或二次编辑时都能随时切换,同一篇笔记想用哪种形态来记,都由你说了算。

md、txt、csv、json 这类纯文本则原样载入,不做多余加工。拿一张现成的表倒进来、改几笔、再导出去,等于白用一台免费的格式转换器。

要带走就在右上角点“下载”,可导出 PDF、Word、Markdown、Excel、TXT 等格式;列表卡片“⋯”菜单里,也有同样的下载入口。

工具用法

在“工具”页点“+ 上传工具”即可发布:填好名称与链接,再用 Markdown 把使用方法写清楚——能解决什么问题、怎么装、怎么用,比堆介绍实在。

要分发安装包就一并上传压缩包(ZIP、RAR、7Z、TAR.GZ,最大 35MB),别人在详情页一键下载;只放链接不带附件也可以。

工具按大家的收藏热度排序,好用的自然会被顶上来。发布后可在详情页或卡片菜单里编辑、下架。

隐藏笔记

写笔记时勾上“隐藏”,这篇就只存在于你自己的账号里:不进列表、不进搜索、不上首页精选,也不会出现在任何公开的页面,链接发给别人同样打不开。

适合放密码、草稿、日记这类只给自己看的内容;想公开,去“发布”打开它,把“隐藏”的勾去掉再保存,之后编辑会默认保持原状态,不会悄悄变回公开。

数据安全

你的内容会同时保存在多个副本上,系统定期做备份与完整性校验,再配合异地容灾机制:就算某台机器出问题,数据也不会丢,可以长期放心存放;特别重要的资料,仍建议你另外再留一份备份。

技术

全站跑在容器化、模块化的现代架构上,更新、部署、回滚都很快,扩展性和稳定性都按长期运营的标准来设计(Built for reliability, designed to scale)。

理念

这个网站最早只是一个人的笔记仓库,后来慢慢长成现在的知识中枢。设计上很克制——没有广告、没有追踪、没有推荐算法,只是干干净净地存放一些东西;既然做好了,就公开出来,万一有人用得上呢。

原则

不做大而全,不做平台梦,保持简单、保持克制、保持好奇。所有内容都由用户贡献、由用户维护:不会突然冒出付费墙,不会在角落塞广告位,也不会把你的数据卖给第三方。

更多

产品会持续迭代,站内日志页记录着每一次改动,改了什么都有迹可循;想了解这个站是怎么一步步走到今天的,翻翻日志就能看到来龙去脉。

举报

如果在这里看到涉嫌违规的内容,点对应卡片右侧的“举报”按钮就能提交,我们会尽快核实处理;也谢谢你花一点时间,一起把这里维护干净。

趋势
// 点击导航加载发现
归档
// 归档为空
最近浏览
// 暂无浏览记录
发布
// 加载中...
用户发布
// 加载中...
用户管理
// 加载中...
访问统计
// 加载中...
内容审核
// 加载中...
个人信息
// 加载中...
返回首页

KiCad 浏览器版:用 WebAssembly 把专业 EDA 搬进浏览器

2026/7/5编程开发

本文介绍 PCBJam 项目,它通过 WebAssembly 将 KiCad 移植到浏览器中运行,实现了无需安装即可在线进行 PCB 设计的完整工作流。

背景:为什么要把 KiCad 搬进浏览器?

KiCad 是目前最流行的开源 EDA(电子设计自动化)工具之一,功能强大,支持从原理图绘制到 PCB 布局、3D 预览、Gerber 文件生成的全流程。但它的痛点也很明显:需要本地安装、依赖系统库、跨平台体验不一致(Linux / Windows / macOS 各有各的坑)。

PCBJam 项目的目标很直接:让 KiCad 像 Figma 一样,打开浏览器就能用。它没有选择传统的前端 + 后端渲染方案(比如在服务器跑 KiCad、前端推画面),而是走了更激进的路——把 KiCad 的 C++ 核心编译成 WebAssembly,直接在浏览器里跑。

技术实现:WebAssembly 不是银弹,但可行

KiCad 的代码量巨大(核心引擎加上 wxWidgets 图形库、OpenGL 渲染、Python 脚本接口),用 Emscripten 编译到 WASM 面临几个关键挑战:

  1. 文件系统:KiCad 重度依赖本地文件读写(项目文件、库文件、封装库)。PCBJam 用 Emscripten 的虚拟文件系统(MEMFS)模拟了本地文件结构,用户打开或保存文件时,通过浏览器 File API 与虚拟文件系统同步。
  2. 图形界面:KiCad 原本用 wxWidgets 做桌面 GUI。PCBJam 的方案是用 Emscripten 把 wxWidgets 事件映射到 HTML Canvas 上,再通过 SDL2 桥接 OpenGL 渲染。这意味着原理图编辑器、PCB 画布、3D 查看器都能在 Canvas 里直接运行,不需要 DOM 元素模拟。
  3. 多线程:KiCad 的某些操作(如自动布线、DRC 检查)使用了多线程。WASM 目前对多线程支持有限(SharedArrayBuffer + Web Workers),PCBJam 需要手动管理线程池,把 KiCad 的 pthread 调用翻译成 Web Workers 通信。
  4. Python 脚本:KiCad 支持 Python 插件。在浏览器里跑 Python 几乎不可能(除非用 Pyodide 再套一层 WASM),所以 PCBJam 暂时禁用了 Python 接口,只保留核心的 C++ 功能。

最终编译产物:一个约 30MB 的 WASM 文件(经过 gzip 压缩后约 8MB),加上 KiCad 的标准库和封装数据(额外 10MB 左右)。首次加载需要下载这些数据,但之后可以缓存到 IndexedDB。

功能实测:能跑,但非全功能

PCBJam 的在线 Demo 支持以下核心操作:

  • 创建新项目,选择 KiCad 8.0 模板
  • 原理图绘制:放置元件、连接导线、标注网络标签
  • 符号库和封装库:内置了 KiCad 官方库(约 10 万个元件),支持搜索和放置
  • PCB 布局:从原理图导入网表,手动放置元件、走线、铺铜
  • 3D 查看器:支持旋转、缩放,显示元件 3D 模型(需要 STEP 文件)
  • DRC 检查:运行设计规则检查,显示错误标记
  • 导出:生成 Gerber 文件、钻孔文件、PDF 打印

已知限制:

  • 不支持 Python 脚本(如上所述)
  • 不支持 KiCad 的 SPICE 仿真(需要 ngspice 二进制,太大)
  • 不支持自定义快捷键(浏览器会拦截大部分组合键)
  • 复杂板卡(超过 500 个元件)性能下降明显,WASM 的单线程瓶颈开始显现
  • 无法直接访问本地文件系统,只能通过“上传/下载”方式交换文件

与竞品对比:为什么不是 EasyEDA 或 Flux?

市面上已经有成熟的在线 EDA 工具,比如 EasyEDA(被 LCSC 收购)、Flux(主打协作)、Altium 365。它们都是基于 JavaScript 重新开发的 Web 原生应用,与 KiCad 的 WASM 方案有本质区别:

维度 PCBJam (KiCad WASM) EasyEDA / Flux
代码基础 直接复用 KiCad C++ 代码 从零开发的 Web 原生 JS
功能完整性 接近桌面版(除 Python/仿真) 功能受限,缺少高级功能
性能 中等(WASM 单线程) 好(WebGL 加速)
离线能力 可缓存到 Service Worker 必须联网
协作 无(单人模式) 实时多人协作

PCBJam 的优势在于 保持与 KiCad 桌面版的二进制兼容性:你在浏览器里画的板子,可以直接拿到桌面版 KiCad 继续编辑,不会出现格式不兼容或丢失数据的问题。这对于习惯 KiCad 工作流、但偶尔需要快速演示或远程使用的工程师来说非常实用。

未来展望:从 Demo 到产品?

目前 PCBJam 还停留在“技术演示”阶段(HN 上作者明确说了这是 Demo)。要做成真正的产品,还需要解决:

  1. 性能优化:WASM 在多线程和 SIMD 上还有优化空间,比如用 WebGPU 替代 OpenGL 渲染
  2. 存储持久化:目前仅靠 IndexedDB 保存状态,需要对接云存储(如 GitHub、Google Drive)
  3. 协作功能:实现类似 Google Docs 的实时协同编辑(这需要重写 KiCad 的数据模型)
  4. 付费模式:如果商用,可能需要按存储空间或协作人数收费(类似 Figma 的 Freemium 模式)

不过,对于开源社区来说,这个 Demo 已经证明了 “大型桌面 EDA 工具 WASM 化” 的可行性。如果项目开源,可能会催生更多类似 KiCad Web、FreeCAD Web 的尝试。

总结

PCBJam 用 WebAssembly 把 KiCad 搬进浏览器,是一次勇敢的技术验证。它不完美,但证明了专业 EDA 工具可以脱离桌面环境运行。对于需要在 Chromebook、平板或远程服务器上做 PCB 设计的工程师来说,这是一个值得关注的方向。

原文链接:https://demo.pcbjam.com/

编写使用方法
Markdown 格式 · Ctrl+Enter 确定
新建笔记
预览
数据表格
点击单元格编辑 · Tab 移动
A1fx
Sheet1
BIH1H2≡🔗</>
隐私提醒

取消
编辑工具
取消