2.7K star！这个汉字工具库让中文处理变得超简单，开发者必备！

嗨，大家好，我是小华同学，关注我们获得“最新、最全、最优质”开源项目和高效工作学习方法

cnchar 是一个功能全面的汉字工具库，提供拼音转换、笔画动画、偏旁查询、成语接龙、语音合成等20+种实用功能。支持Web/Node.js/小程序多端运行，仅需简单API调用即可实现复杂中文处理，是教育类应用、输入法开发、游戏设计的瑞士军刀！

为什么你需要这个汉字工具库？

在开发中文类应用时，我们常会遇到这些痛点：

• 汉字转拼音要考虑多音字
• 笔画动画需要复杂SVG绘制
• 成语数据需要维护庞大词库
• 语音合成涉及复杂音频处理

cnchar 的出现完美解决了这些问题！它就像中文处理的「百宝箱」，开发者无需重复造轮子，通过简单API调用即可获得专业级中文处理能力。

八大核心功能亮瞎眼

1. 智能拼音转换

// 带声调转换
cnchar.spell('中国', 'tone') // "zhōng guó" 

// 首字母模式
cnchar.spell('深度学习', 'first') // "SDXX"

// 多音字识别
cnchar.spell('银行行长', 'poly') // "yín háng xíng zhǎng"

2. 笔画动画教学

// 生成书写动画
const writer = cnchar.draw('爱', {
  el: '#canvas',
  strokeAnimationSpeed: 1, // 动画速度
  showCharacter: false     // 隐藏参考字
});

// 导出GIF动画
writer.export('love.gif');

3. 成语接龙神器

// 填空接龙
cnchar.idiom(['五', '', '十', '']) 
// 返回 ['五风十雨', '五光十色']

// 按笔画数匹配
cnchar.idiom([4, 6, 2, 6]) 
// 返回 ['五光十色']

4. 语音黑科技

// 文字转语音
cnchar.voice('欢迎使用cnchar').then(audio => {
  audio.play(); // 播放合成语音
});

// 语音识别（需要用户授权）
document.addEventListener('click', () => {
  cnchar.voice.recognize(text => {
    console.log('你说的是：' + text);
  });
});

5. 偏旁部首解析

cnchar.radical('编程')
/* 返回：
[
  { char: '编', radical: '纟', struct: '左右结构', count: 12 },
  { char: '程', radical: '禾', struct: '左右结构', count: 12 }
]
*/

6. 汉字结构可视化

// 生成结构图
cnchar.stroke('汉', {
  type: 'stroke',   // 显示笔画顺序
  animation: true,  // 启用动画
  color: '#f00'     // 红色笔画
});

7. 歇后语大全

// 模糊查询
cnchar.xhy('大水', 'fuzzy') 
// 返回 ['江河里长大水-泥沙俱下', '江河发大水-后浪推前浪']

// 接龙模式
cnchar.xhy('上晃下摇', 'fuzzy', 'answer', 'second')
// 返回 ['醉汉过铁索桥']

8. 汉字冷知识

// 判断多音字
cnchar.isPolyWord('中') // true

// 拼音声调分析
cnchar.spellInfo('shàng') 
// { spell: "shang", tone: 4, initial: "sh", final: "ang" }

技术架构解析

技术栈	作用说明	优势特性
TypeScript	核心开发语言	强类型/高可维护性
Webpack	模块打包	多环境适配
Canvas	笔画动画渲染	流畅动画效果
Web Audio API	语音合成	浏览器原生支持
汉字数据库	收录6万+汉字数据	权威准确

应用场景

1. 打字弹钢琴

2. 汉字笔画

3. 文字游戏设计

同类项目对比

项目名称	核心功能	数据量	多端支持	可视化能力
cnchar	20+功能全场景覆盖	6万+	️	️
pinyin.js	拼音转换	1.5万	️
hanzi-writer	笔画动画	5千	️	️
xhy	歇后语查询	8千

核心优势：

1. 功能最全面的中文处理库
2. 支持浏览器/Node.js/小程序
3. 完善的在线文档和示例
4. 持续更新的维护团队

快速上手指南

1. 安装使用

npm install cnchar
# 按需安装插件
npm install cnchar-draw cnchar-voice

2. 基础示例

<div id="canvas"></div>
<script>
// 显示"爱"的书写动画
cnchar.draw('爱', { el: '#canvas' });

// 朗读文字
cnchar.voice.speak('你好世界');
</script>

同类推荐

1. hanzi-writer - 专业汉字书写动画库
2. pinyin-pro - 高性能拼音转换工具
3. xhs - 歇后语API服务
4. chinese-lexicon - 中文词库大全# 2.7K star！这个汉字工具库让中文处理变得超简单，开发者必备！

项目信息

https://github.com/theajack/cnchar