拼音和汉字的写法（HanziWriter让汉字动起来）

官网定义：Hanzi Writer 是 javascript 免费开源库，根据汉字书写时按照笔画顺序的特征，可以播放正确笔画顺序地描边动画和练习测试。 支持简体字和繁体字。 此库所使用的汉字数据来自 Make Me a Hanzi 项目, 提供 9000 多常用简体字和繁体字。

下面介绍一下此开源库的主要功能。

主要功能：

1. 设置字符边框宽高
2. 设置字符到字符边框的内边距
3. 设置汉字整体的颜色
4. 设置汉字的偏旁部首的颜色

以上显示的汉字都是静态的汉字，Hanzi Writer提供动画让汉字可以动起来，这里的动起来指的是汉字按照笔顺一笔一划的书写。而且还可以让一组词一起动起来。动画效果和我们使用笔在纸上写字一样。

这里的测验是在页面上显示一个字，用户要按照这个汉字的笔画顺序进行描写。如果描错3次以上它会给你一个提示通过用高亮笔记正确描写汉字。我们在测验的时候也可以通过回调函数给用户一些反馈提示。

1. https://github.com/chanind/hanzi-writer-data
2. https://github.com/skishore/makemeahanzi

具体的代码示例及API的使用查看官网文档，官网文档有非常详细的说明。