嗨，大家好，我是小華同學，關注我們獲得“最新、最全、最優質”開源項目和高效工作學習方法

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" }

技術架構解析

應用場景

1. 打字彈鋼琴

2. 漢字筆畫

3. 文字游戲設計

同類項目對比

核心優勢：

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