首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >2.7K star!这个汉字工具库让中文处理变得超简单,开发者必备!

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

原创
作者头像
小华同学ai
发布2025-04-20 14:36:43
发布2025-04-20 14:36:43
8770
举报

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

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

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

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

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

八大核心功能亮瞎眼

1. 智能拼音转换

代码语言:javascript
复制
// 带声调转换
cnchar.spell('中国', 'tone') // "zhōng guó" 

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

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

2. 笔画动画教学

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

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

3. 成语接龙神器

代码语言:javascript
复制
// 填空接龙
cnchar.idiom(['五', '', '十', '']) 
// 返回 ['五风十雨', '五光十色']

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

4. 语音黑科技

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

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

5. 偏旁部首解析

代码语言:javascript
复制
cnchar.radical('编程')
/* 返回:
[
  { char: '编', radical: '纟', struct: '左右结构', count: 12 },
  { char: '程', radical: '禾', struct: '左右结构', count: 12 }
]
*/

6. 汉字结构可视化

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

7. 歇后语大全

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

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

8. 汉字冷知识

代码语言:javascript
复制
// 判断多音字
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. 安装使用

代码语言:javascript
复制
npm install cnchar
# 按需安装插件
npm install cnchar-draw cnchar-voice

2. 基础示例

代码语言:javascript
复制
<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

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 为什么你需要这个汉字工具库?
  • 八大核心功能亮瞎眼
    • 1. 智能拼音转换
    • 2. 笔画动画教学
    • 3. 成语接龙神器
    • 4. 语音黑科技
    • 5. 偏旁部首解析
    • 6. 汉字结构可视化
    • 7. 歇后语大全
    • 8. 汉字冷知识
  • 技术架构解析
  • 应用场景
    • 1. 打字弹钢琴
    • 2. 汉字笔画
    • 3. 文字游戏设计
  • 同类项目对比
  • 快速上手指南
    • 1. 安装使用
    • 2. 基础示例
    • 同类推荐
  • 项目信息
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档