学习汉字
...大约 2 分钟
学习汉字
背景
家有小学生,为了让这位小学生有事做,准备给他布置点作业,文库搜到了一个别人整理的小学一年级下的汉字生词,觉得挺好。
但是,下载要收费。。。遂自己尝试做了个简单的学习汉字的小程序,放这里给孩他妈看一下效果。
功能
原来想用 hanzi-writer
实现,但是偶然发现 cnchar
更符合要求,所以用 cnchar
实现了,在此感谢~
展示汉字的拼音,部首,结构,笔画,以及生成练字帖功能。
同时,可以展示汉字发音,书写笔画,以及汉字临摹功能。
另外,也可以打印出来,方便孩子学习。
注意
网页查看跟打印是两种风格,可查看网页打印预览。
- 网页是为了展示发音,笔顺动画,大字体显示笔顺
- 打印模式是为了方便练字
相关信息
为了发音迅速,优先使用浏览器自带的特性实现,推荐使用最新的 Edge 浏览器。
使用方法
封装了一个简单的 Hanzi
组件,使用方式如下:
<Hanzi zi="春" :zuci="['春风', '春雨', '春天', '春日']" />
<Hanzi zi="冬" :bihua="['撇', '横撇', '捺', '点', '点']" />
<Hanzi
zi="风"
pinyin="fēng"
jiegou="独体字"
:zuci="['风雨', '风云', '大风', '东风']"
/>
属性
zi
是必须属性,其他都是非必需属性。
其他属性未指定时,使用 cnchar
字库里默认的内容显示,如果有不符合自己的需求时,可传入自己指定的属性用于显示。
zi
用于指定单个汉字。
pinyin
用于指定拼音。
bushou
用于指定汉字的部首。
jiegou
用于指定汉字的结构。
bihuashu
用于指定汉字的笔画数。
bihua
它是一个数组,用于指定汉字的笔画。
zuci
它是一个数组,用于指定汉字的组词。
chengyu
它是一个数组,用于指定汉字的成语。
简单效果
部首
结构
笔画数0
笔画
组词春风 春雨 春天 春日
成语春冰虎尾 春风得意 春风风人 春风和气 春风化雨
部首
结构
笔画数0
笔画撇-横撇-捺-点-点
组词
成语冬烘头脑 冬烘先生 冬裘夏葛 冬日可爱 冬日夏云
部首
结构独体字
笔画数0
笔画
组词风雨 风云 大风 东风
成语一帆风顺 风口浪尖 风云人物 风吹云散