元素周期表、常用芳环模板、自动补氢、相对分子质量与 PNG 导出——打开网页就能画。

在线体验：打开结构式画板

它是什么

结构式画板是一个纯前端的在线画板。打开网页就能画有机结构式：点原子、拖键、插芳环，画完直接导出 PNG；不需要登录，也不需要安装任何软件。页面用 Canvas 2D 绘制，手机和桌面都能用；元素数据随页面一起加载，不依赖外部接口。

能做什么

• 元素：C、H、O、N、S、P、F、Cl、Br、I 十个快捷元素，点一下就切换。
• 周期表：内置 90 个常见元素，按族/周期排列，点元素即可选用；底部直接显示相对原子质量、最多键数和价电子排布。
• 键与编辑：单键、双键、三键；单击放原子，拖拽成键；单击原子换元素，右键删除；支持框选删除和撤销。
• 整理结构：自动把键长拉齐、键角张开，修掉手画出来的长短不一。
• 芳环模板：苯、甲苯、萘、吡啶、吡咯、呋喃，一键插入。
• 分子量与导出：自动补隐式氢，计算分子式和相对分子质量；导出白底 PNG，左下角分子式、右下角分子量。
• 导出校验：明显过价（比如 CH₈）或多个互不相连的片段会被拒绝导出。

元素和周期表

周期表按类别配色，当前元素有绿色描边；点一下就能换元素。常用的十个元素放在工具栏上，不需要每次都打开周期表。

常用芳环，一键插入

模板插入后不会压到已有结构；可以继续拖出取代基、改元素、删原子。芳环采用 Kekulé 交替双键表示，苯环里不会画一个圆圈，但分子式和补氢是严格按双键计算的。

画完直接导出 PNG

导出时会自动数原子、按价数补氢，再按 Hill 顺序写分子式。比如苯是 C₆H₆ / 78.11，乙醇是 C₂H₆O / 46.07，甲醛是 CH₂O / 30.03。图片是白底、3× 缩放，分子式在左下角，相对分子质量在右下角；单原子则写“相对原子质量”。

导出前会检查结构

结构式画板不是“画完就一定能导出”。点导出前会检查每个原子的成键数和整体连通性：

• 碳超过 4 键、氢超过 1 键等，直接拒绝；
• 画面里有多个互不相连的片段，也会拒绝；
• CH₈、断开的结构不会再生成一张“看起来像分子”的 PNG。

它只做价键和连通性检查，不判断电荷、自由基、互变异构和真实存在性；复杂物种仍然需要化学判断。

适合谁

适合课堂演示、作业草图、快速画一个芳环或官能团、需要马上得到分子量的场景。它不替代 ChemDraw 这类专业工具：没有保存/打开、没有电荷和立体化学、没有反应式。

在线体验

打开结构式画板 · 完整使用说明

结构式画板 · 纯前端 · 无需登录