写了一个汉字笔顺动画生成工具 (Chinese Stroke Generator),已用于我的独立站

查看 44|回复 5
作者:yarkyaonj   
大家好,
前段时间在这个节点分享过我做的汉字笔顺查询和练习站( HanziStroke.com ),感谢当时各位 V 友的反馈和建议。
在开发过程中,我发现市面上虽然有现成的笔顺数据源,但很少有方便后端批量生成 GIF 动画的轻量级工具。
于是我花了一些时间,把网站后端的 核心 GIF 生成逻辑 剥离并整理了出来,做成了一个独立的 CLI 工具,现在开源给大家。
📦 项目地址
Github: https://github.com/Yark-yao/Chinese-Stroke-Order-Generator
🛠 这个工具能做什么?
[ol]
  • 生成动画: 输入汉字,输出流畅的笔顺 GIF 。
  • 批量处理: 支持传入文本文件,批量生成(比如一次性生成 HSK 1 级的所有生词)。
  • 高度定制: 可以自定义笔画颜色、轮廓颜色、动画速度等。
    [/ol]
    💻 技术栈
    主要是基于 Hanzi Writer+Puppeteer+GIFEncoder 实现的,处理了 SVG 路径到 GIF 帧的渲染逻辑。其实大部分都是 AI 写的。
    演示
    Live Demo (实际应用效果): https://hanzistroke.com
    (网站上的所有笔顺动画 gif 图都是用这个脚本生成的)

    汉字笔顺, GIF动画生成, CLI工具

  • rrZ2C   
    cool
    yarkyaonj
    OP
      
    @rrZ2C 多谢
    1daydayde   
    不错,适合刚开始练字的小学生。再搞一个小程序吧,方便使用。
    IlIl   
    不是,一个教写汉字的网站没有中文 i18n ,做着是准备出海给歪果仁使用的么
    yarkyaonj
    OP
      
    @IlIl 是的,出海的网站
    您需要登录后才可以回帖 登录 | 立即注册

    返回顶部