嗨，大家好，我是小华同学，关注我们获得“最新、最全、最优质”开源项目和高效工作学习方法
🇨🇳 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千 | ❌ | ❌ |
核心优势：
- 功能最全面的中文处理库
- 支持浏览器/Node.js/小程序
- 完善的在线文档和示例
- 持续更新的维护团队
快速上手指南
1. 安装使用
npm install cnchar
# 按需安装插件
npm install cnchar-draw cnchar-voice
2. 基础示例
<div id="canvas"></div>
<script>
// 显示"爱"的书写动画
cnchar.draw('爱', { el: '#canvas' });
// 朗读文字
cnchar.voice.speak('你好世界');
</script>
同类推荐
- hanzi-writer - 专业汉字书写动画库
- pinyin-pro - 高性能拼音转换工具
- xhs - 歇后语API服务
- chinese-lexicon - 中文词库大全# 2.7K star！这个汉字工具库让中文处理变得超简单，开发者必备！
