Hanzi Writer

Hanzi Writer专注于汉字笔画顺序动画和练习测验。通过动画展示汉字的书写过程，帮助用户学习正确的笔画顺序。提供练习测试功能，用户可以尝试按照动画提示书写汉字，并获得即时反馈。

网站截图

怎么用HanziWriter做汉字书写动画

刚接触汉字教学工具的人，多半会问：有没有能直接嵌到网页里的汉字笔画动画工具？Hanzi Writer就是专门解决这个问题的开源JavaScript库，免费还能自定义调整，适合做学习类网站或者APP里的汉字练习模块。

官方网址：https://hanziwriter.org/cn/

它能解决哪些实际问题

做汉字教学的人关心什么

不少做中文在线课程的老师，总找不到合适的工具：要么笔画顺序错了，要么不能自定义背景，要么体积太大拖慢网页速度。Hanzi Writer刚好避开了这些坑，它的汉字数据来自台湾Arphic Technology1999年公开授权的字体库，笔画顺序是经过微调的，不会出现写错的情况，简体繁体汉字都能支持。

除了标准的动画演示，还能调整笔画颜色、加自定义背景，甚至设置循环动画，学生能跟着反复练习。开发者用API还能做更复杂的交互，比如写完一个字自动跳转下一个，或者答对了弹出奖励动画。

普通学习者用它能做什么

学中文的人不用懂代码，也能从官网的演示入口上手，https://hanziwriter.org/cn/demo.html 这里能直接试动画效果。要是想自己做练习页，也能去GitHub拿源码，https://github.com/chanind/hanzi-writer 就是它的开源仓库，MIT协议允许随便改和分发，不用担心版权问题。

它的核心优势是什么

很多人在意工具的体积，毕竟网页加载慢会吓跑用户，Hanzi Writer压缩后才9KB，几乎不影响页面加载速度，不管是做网页、安卓APP还是iOS应用，都能轻松嵌进去，不会给项目添负担。

另外它的可视化工具能帮人看懂汉字结构，比如把偏旁部首拆出来显示，不用自己查字典分析。官方还放了详细的文档和教程，新手跟着步骤走，不用花几天就能把基础功能用上，想深入改代码的话，社区里也有人分享修改经验。

哪些人适合用它

不管是做中文课程的教育工作者，还是自学汉字的语言学习者，甚至是想给APP加汉字练习功能的开发者，都能用Hanzi Writer。不用花大价钱买商业工具，开源免费的属性，能省不少成本，还能根据自己的需求调整细节，比如给小学生用的就把动画放慢，给进阶学习者的就加测验功能。