大家好, 前段时间在这个节点分享过我做的汉字笔顺查询和练习站( 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 图都是用这个脚本生成的)