田字格与米字格在线画板：练字、示范与拍照留档

在田字格里写字，关键不是“有格子”，而是格子与笔迹分层：换格子、放大、导出都不能让已经写好的字移位。这个画板把背景画在底层画布、笔迹画在上层，切换背景只换底层，笔画一笔不动。

田字格和米字格分别在练什么

田字格用横竖两条中线把方格分成四块，主要解决“字在格中的位置”和“左右结构怎么分”。米字格在田字格基础上加两条对角线，多给出撇捺的方向参照，对“撇要斜到什么角度”"捺脚落在哪"更有约束力。

低年级起步一般先用田字格确定间架，练到结构稳定后换米字格抠笔画角度。两个字格都提供，切换不需要重画——背景与笔迹是两层数据。

写示范的完整流程

1. 背景选田字格或米字格，笔触推荐钢笔或铅笔：线宽恒定、边缘清晰，接近硬笔写字的手感。毛笔的粗细变化会掩盖结构问题。
2. 颜色用黑白反转色即可（田字格上是黑笔），需要标重点时再用红色品牌色圈出偏旁或主笔。
3. 一个格子写一个字，写完点收起工具栏把画布撑大，再继续下一行。
4. 整页写完点导出 PNG 留档，格子线与笔迹一起合成，可以直接发到班级群或贴进课件。

为什么切换背景不会毁掉已写的字

画布分三层渲染：底层是背景（白板 / 黑板 / 田字格 / 米字格），中层是已提交的笔画，上层是当前这一笔。背景与笔迹数据完全分离，切换背景只是换掉底层那张画布，已画的笔迹一笔不少地保留在原处，撤销与重做也不受背景切换影响。

反过来常见的错误实现是把格子直接画在笔迹图层上——那样换一次背景就得清空重来，练字时几乎不可用。

手机、平板与触控笔的适配

输入统一走 Pointer Events，鼠标、手指、触控笔走同一条路径，并启用指针捕获与 touch-action: none，在平板上写字不会把页面滚走。浏览器支持时会读取合并采样点，快速连笔不会断线或跳点。

手掌拒识：掌根蹭到屏幕不会打断正在写的笔画，适合在平板上像纸一样把手放上去写。