跳至主要內容

学习汉字

Zhao Bineduedu教育

学习汉字

背景

家有小学生,为了让这位小学生有事做,准备给他布置点作业,文库搜到了一个别人整理的小学一年级下的汉字生词,觉得挺好。

但是,下载要收费。。。遂自己尝试做了个简单的学习汉字的小程序,放这里给孩他妈看一下效果。

功能

原来想用 hanzi-writeropen in new window 实现,但是偶然发现 cncharopen in new window 更符合要求,所以用 cncharopen in new window 实现了,在此感谢~

展示汉字的拼音,部首,结构,笔画,以及生成练字帖功能。
同时,可以展示汉字发音,书写笔画,以及汉字临摹功能。
另外,也可以打印出来,方便孩子学习。

注意

网页查看跟打印是两种风格,可查看网页打印预览。

  • 网页是为了展示发音,笔顺动画,大字体显示笔顺
  • 打印模式是为了方便练字

相关信息

为了发音迅速,优先使用浏览器自带的特性实现,推荐使用最新的 Edge 浏览器。

使用方法

封装了一个简单的 Hanzi 组件,使用方式如下:

<Hanzi zi="" :zuci="['春风', '春雨', '春天', '春日']" />
<Hanzi zi="" :bihua="['撇', '横撇', '捺', '点', '点']" />
<Hanzi
  zi=""
  pinyin="fēng"
  jiegou="独体字"
  :zuci="['风雨', '风云', '大风', '东风']"
/>

属性

zi 是必须属性,其他都是非必需属性。

其他属性未指定时,使用 cnchar 字库里默认的内容显示,如果有不符合自己的需求时,可传入自己指定的属性用于显示。

zi

用于指定单个汉字。

pinyin

用于指定拼音。

bushou

用于指定汉字的部首。

jiegou

用于指定汉字的结构。

bihuashu

用于指定汉字的笔画数。

bihua

它是一个数组,用于指定汉字的笔画。

zuci

它是一个数组,用于指定汉字的组词。

简单效果

拼音
部首
结构
笔画数0
笔画
春风 春雨 春天 春日 
拼音
部首
结构
笔画数0
笔画撇-横撇-捺-点-点
 
拼音fēng
部首
结构独体字
笔画数0
笔画
风雨 风云 大风 东风 

查字