嗨，大家好，我是小華同學(xué)，關(guān)注我們獲得“最新、最全、最優(yōu)質(zhì)”開源項(xiàng)目和高效工作學(xué)習(xí)方法

cnchar 是一個(gè)功能全面的漢字工具庫(kù)，提供拼音轉(zhuǎn)換、筆畫動(dòng)畫、偏旁查詢、成語接龍、語音合成等20+種實(shí)用功能。支持Web/Node.js/小程序多端運(yùn)行，僅需簡(jiǎn)單API調(diào)用即可實(shí)現(xiàn)復(fù)雜中文處理，是教育類應(yīng)用、輸入法開發(fā)、游戲設(shè)計(jì)的瑞士軍刀！

為什么你需要這個(gè)漢字工具庫(kù)？

在開發(fā)中文類應(yīng)用時(shí)，我們常會(huì)遇到這些痛點(diǎn)：

• 漢字轉(zhuǎn)拼音要考慮多音字
• 筆畫動(dòng)畫需要復(fù)雜SVG繪制
• 成語數(shù)據(jù)需要維護(hù)龐大詞庫(kù)
• 語音合成涉及復(fù)雜音頻處理

cnchar 的出現(xiàn)完美解決了這些問題！它就像中文處理的「百寶箱」，開發(fā)者無需重復(fù)造輪子，通過簡(jiǎn)單API調(diào)用即可獲得專業(yè)級(jí)中文處理能力。

八大核心功能亮瞎眼

1. 智能拼音轉(zhuǎn)換

// 帶聲調(diào)轉(zhuǎn)換

cnchar.spell('中國(guó)', 'tone') // "zhōng guó" 

// 首字母模式

cnchar.spell('深度學(xué)習(xí)', 'first') // "SDXX"

// 多音字識(shí)別

cnchar.spell('銀行行長(zhǎng)', 'poly') // "yín háng xíng zhǎng"

2. 筆畫動(dòng)畫教學(xué)

// 生成書寫動(dòng)畫

const writer = cnchar.draw('愛', {

  el: '#canvas',

  strokeAnimationSpeed: 1, // 動(dòng)畫速度

  showCharacter: false     // 隱藏參考字

});

// 導(dǎo)出GIF動(dòng)畫

writer.export('love.gif');

3. 成語接龍神器

// 填空接龍

cnchar.idiom(['五', '', '十', '']) 

// 返回 ['五風(fēng)十雨', '五光十色']

// 按筆畫數(shù)匹配

cnchar.idiom([4, 6, 2, 6]) 

// 返回 ['五光十色']

4. 語音黑科技

// 文字轉(zhuǎn)語音

cnchar.voice('歡迎使用cnchar').then(audio => {

  audio.play(); // 播放合成語音

});

// 語音識(shí)別（需要用戶授權(quán)）

document.addEventListener('click', () => {

  cnchar.voice.recognize(text => {

    console.log('你說的是：' + text);

  });

});

5. 偏旁部首解析

cnchar.radical('編程')

/* 返回：

[

  { char: '編', radical: '纟', struct: '左右結(jié)構(gòu)', count: 12 },

  { char: '程', radical: '禾', struct: '左右結(jié)構(gòu)', count: 12 }

]

*/

6. 漢字結(jié)構(gòu)可視化

// 生成結(jié)構(gòu)圖

cnchar.stroke('漢', {

  type: 'stroke',   // 顯示筆畫順序

  animation: true,  // 啟用動(dòng)畫

  color: '#f00'     // 紅色筆畫

});

7. 歇后語大全

// 模糊查詢

cnchar.xhy('大水', 'fuzzy') 

// 返回 ['江河里長(zhǎng)大水-泥沙俱下', '江河發(fā)大水-后浪推前浪']

// 接龍模式

cnchar.xhy('上晃下?lián)u', 'fuzzy', 'answer', 'second')

// 返回 ['醉漢過鐵索橋']

8. 漢字冷知識(shí)

// 判斷多音字

cnchar.isPolyWord('中') // true

// 拼音聲調(diào)分析

cnchar.spellInfo('shàng') 

// { spell: "shang", tone: 4, initial: "sh", final: "ang" }

技術(shù)架構(gòu)解析

應(yīng)用場(chǎng)景

1. 打字彈鋼琴

2. 漢字筆畫

3. 文字游戲設(shè)計(jì)

同類項(xiàng)目對(duì)比

核心優(yōu)勢(shì)：

1. 功能最全面的中文處理庫(kù)
2. 支持瀏覽器/Node.js/小程序
3. 完善的在線文檔和示例
4. 持續(xù)更新的維護(hù)團(tuán)隊(duì)

快速上手指南

1. 安裝使用

npm install cnchar

# 按需安裝插件

npm install cnchar-draw cnchar-voice

2. 基礎(chǔ)示例

<div id="canvas"></div>

<script>

// 顯示"愛"的書寫動(dòng)畫

cnchar.draw('愛', { el: '#canvas' });

// 朗讀文字

cnchar.voice.speak('你好世界');

</script>

同類推薦

1. hanzi-writer - 專業(yè)漢字書寫動(dòng)畫庫(kù)
2. pinyin-pro - 高性能拼音轉(zhuǎn)換工具
3. xhs - 歇后語API服務(wù)
4. chinese-lexicon - 中文詞庫(kù)大全# 2.7K star！這個(gè)漢字工具庫(kù)讓中文處理變得超簡(jiǎn)單，開發(fā)者必備！

項(xiàng)目信息

https://github.com/theajack/cnchar