在web h5 上 js 绘制汉字 按笔画绘制汉字 汉字拼音 多音字 笔画繁体字 cnchar

推荐一个汉字工具库 cnchar, (文档地址

该工具有以下功能

  1. 获取 汉字拼音 ,支持首字母、大小写、数组分割、备选 多音字 等功能
  2. 支持 多音词
  3. 支持 拼音音调
  4. 获取汉字 笔画数 、支持数组分割
  5. 获取汉字 笔画顺序 、笔画详细名称
  6. 支持可视化 绘制汉字笔画 、多种绘制模式可选
  7. 支持 简体字繁体字火星文 互转
  8. 支持 查找 某拼音的所有 汉字 ,繁体字,多音字
  9. 支持 查找 指定笔画数的所有 汉字 ,繁体字
  10. 支持 根据笔画顺序查询 汉字
  11. 支持 查询拼音的信息,包含声母、韵母、音调、音调位置的等
  12. 支持 繁体字 拼音、笔画数及以上所有功能,实现和简体字一样的功能
  13. 体积小,min 版本仅 46 kb,zip 版本 34 kb (含有大量汉字拼音字典)
  14. 多端可用,可用于 浏览器、nodejs、小程序/小游戏、ReactNative/Weex/Uniapp/Electron、webpack…,支持所有 js 能运行的环境
  15. typescript支持,支持在typescript中调用
  16. 丰富的配置,按需取用

考虑到不同的需求,cnchar 的功能被拆分到以下五个库中:

名称 描述 功能
cnchar 主 js 库,其他三个库依赖于这个库 含有简体字拼音、多音字、音调、笔画数等功能
cnchar-poly 多音词库 含有识别多音词功能
cnchar-order 笔画顺序库 含有识别笔画顺序、笔画名称、笔画形状等功能
cnchar-trad 繁体字库 支持繁体、火星、简体互转,支持繁体拼音笔画多音字全功能
cnchar-draw 绘制笔画库 指出可视化绘制汉字,有 normal,animation,stroke,test 四种模式可选,该库仅在浏览器环境下可用

cnchar-draw 有以下四种绘制模式

  1. normal: 常规绘制
  2. animation: 带有绘制动画,支持连续绘制、同时绘制、循环绘制
  3. stroke: 按汉字笔顺单步绘制
  4. test: 测试模式,用户可以在容器内绘制汉字,cnchar-draw会检测是否绘制正确

图例

在web h5 上 js 绘制汉字 按笔画绘制汉字 汉字拼音 多音字 笔画繁体字 cnchar
在web h5 上 js 绘制汉字 按笔画绘制汉字 汉字拼音 多音字 笔画繁体字 cnchar

在web h5 上 js 绘制汉字 按笔画绘制汉字 汉字拼音 多音字 笔画繁体字 cnchar