大家好，
前段时间在这个节点分享过我做的汉字笔顺查询和练习站（ HanziStroke.com ），感谢当时各位 V 友的反馈和建议。
在开发过程中，我发现市面上虽然有现成的笔顺数据源，但很少有方便后端批量生成 GIF 动画的轻量级工具。
于是我花了一些时间，把网站后端的 核心 GIF 生成逻辑 剥离并整理了出来，做成了一个独立的 CLI 工具，现在开源给大家。
📦 项目地址
Github: https://github.com/Yark-yao/Chinese-Stroke-Order-Generator
🛠 这个工具能做什么？
- 生成动画： 输入汉字，输出流畅的笔顺 GIF 。
- 批量处理： 支持传入文本文件，批量生成（比如一次性生成 HSK 1 级的所有生词）。
- 高度定制： 可以自定义笔画颜色、轮廓颜色、动画速度等。
💻 技术栈
主要是基于 Hanzi Writer+Puppeteer+GIFEncoder 实现的，处理了 SVG 路径到 GIF 帧的渲染逻辑。其实大部分都是 AI 写的。
演示
Live Demo (实际应用效果): https://hanzistroke.com （网站上的所有笔顺动画 gif 图都是用这个脚本生成的）
 |
1
rrZ2C 11 小时 1 分钟前
cool
|
 |
3
1daydayde 10 小时 46 分钟前
不错，适合刚开始练字的小学生。再搞一个小程序吧，方便使用。
|
 |
4
IlIl 10 小时 42 分钟前
不是，一个教写汉字的网站没有中文 i18n ，做着是准备出海给歪果仁使用的么
|
 |
6
cfu18 10 小时 35 分钟前
很早以前搞了一个输入汉字生成字贴的小程序，用的也是 Hanzi Writer
某天起，腾讯不备案就搜索不到， 折腾了好久备案还是过不了，一堆理由，放弃 |
 |
7
imsoso 10 小时 27 分钟前
网站漂亮，适合家里有小学生的
|
 |
10
marcong95 10 小时 10 分钟前
好像有一些复杂的笔画的动画有点奇怪，例如号最后一笔的竖横折钩，有种就是一个圆形从左上到右下扩大填充颜色的感觉，并不是真的路径动画的感觉，用 PixPin 录屏后慢放可以证实。不过应该是 Hanzi Writer 的问题？
 |
 |
11
febrekuk 10 小时 8 分钟前
体验了下，给小学生用感觉会很棒，animate 速度再慢一点
|
 |
14
dassh 9 小时 53 分钟前
做得真好！动画确实如#11 说的，慢一点会更好
|
 |
16
ludan110 9 小时 26 分钟前
好厉害的项目！
|
 |
20
lyqiang 3 小时 38 分钟前  1
之前教小孩笔顺的时候，经常是百度搜一下，如果是多个字就得搜一下删除再搜下一个，嫌麻烦，
后来就做基于 Hanzi Writer 做了一个小程序，可以输入多个字，点哪个看哪个，有需要的可以用起来 「学习成长小助手」 |
Select Language