在web h5 上 js 繪製漢字 按筆畫繪製漢字 漢字拼音 多音字 筆畫繁體字 cnchar

推薦一個漢字工具庫 cnchar, (文檔地址

該工具有以下功能

  1. 獲取 漢字拼音 ,支持首字母、大小寫、數組分割、備選 多音字 等功能
  2. 支持 多音詞
  3. 支持 拼音音調
  4. 獲取漢字 筆畫數 、支持數組分割
  5. 獲取漢字 筆畫順序 、筆畫詳細名稱
  6. 支持可視化 繪製漢字筆畫 、多種繪製模式可選
  7. 支持 簡體字繁體字火星文 互轉
  8. 支持 查找 某拼音的所有 漢字 ,繁體字,多音字
  9. 支持 查找 指定筆畫數的所有 漢字 ,繁體字
  10. 支持 根據筆畫順序查詢 漢字
  11. 支持 查詢拼音的信息,包含聲母、韻母、音調、音調位置的等
  12. 支持 繁體字 拼音、筆畫數及以上所有功能,實現和簡體字一樣的功能
  13. 體積小,min 版本僅 46 kb,zip 版本 34 kb (含有大量漢字拼音字典)
  14. 多端可用,可用於 瀏覽器、nodejs、小程序/小遊戲、ReactNative/Weex/Uniapp/Electron、webpack…,支持所有 js 能運行的環境
  15. typescript支持,支持在typescript中調用
  16. 豐富的配置,按需取用

考慮到不同的需求,cnchar 的功能被拆分到以下五個庫中:

名稱 描述 功能
cnchar 主 js 庫,其他三個庫依賴於這個庫 含有簡體字拼音、多音字、音調、筆畫數等功能
cnchar-poly 多音詞庫 含有識別多音詞功能
cnchar-order 筆畫順序庫 含有識別筆畫順序、筆畫名稱、筆畫形狀等功能
cnchar-trad 繁體字庫 支持繁體、火星、簡體互轉,支持繁體拼音筆畫多音字全功能
cnchar-draw 繪製筆畫庫 指出可視化繪製漢字,有 normal,animation,stroke,test 四種模式可選,該庫僅在瀏覽器環境下可用

cnchar-draw 有以下四種繪製模式

  1. normal: 常規繪製
  2. animation: 帶有繪製動畫,支持連續繪製、同時繪製、循環繪製
  3. stroke: 按漢字筆順單步繪製
  4. test: 測試模式,用戶可以在容器內繪製漢字,cnchar-draw會檢測是否繪製正確

圖例

在這裏插入圖片描述
在這裏插入圖片描述

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章