Cjk全字符集与汉字拼形 网页应用模块

本模块让基於HTML+JS的应用(包括离线的电子书阅读软件)轻松地加入显示超大字集(扩A到G)和拼形组字功能。商业运用是受到鼓励的。

在线演示 Github / 腾讯

网页插件离线包 1.8MB Github/ 腾讯
插件的工作原理是,每一个网页加载字库後,程序会找出含有 hzpx class name 的元素,找出里头的拼形式或扩区字,调用组字系统产生SVG 填入。因为Chrome 的每个页面都是独立的内存空间,每个页面都要载入字库,大约增加10MB的开销。

纯文本显示需用浏览器扩充程序安裝包Github含组字介面 /腾讯
扩充程序的工作原理,会处理http/https/file 这三个协议,以 html/htm/txt 後缀的文件,其中html/htm 一样是找 class name 为 hzpx 的元素,纯文本则是整体替代。擴充程序安裝後不會再訪問網路,字形產生是背景service worker負責,速度很快,多个页面可共享字库,不会增加内存开销

不依赖任何前端框架,只须最基础的html+css 知识即可调用。即使您不需要组字的功能,您只须添加css,即可让您的软件显示全字符集(CJK 扩A~G)。

全字符集的字型通常较大,绝大多数的字在文章中是看不到的。为了寥寥无几的缺字,要付出安装包肥大和载入字型文件的内存的代价。改用生成的方式,大量显示固然比不上字型档迅速,但少量显示很合适。

更新 20220618: index.html 去掉script ,只要在需組字的元素的css class 加上 “hzpx” 即可自動替換。
纯文本的场合,必须用扩充程序,因为txt 无法加载 javascript 。

8 个赞

国内访问可以直接用jsdelivr的静态链接,目前访问良好,只需要提交到npm上就可以了。

国内的静态资源cdn主要同步cdnjs的资源。

先把资源提交到:

之后国内的cdn会同步的。比如字节跳动的公共资源库:

谢谢,等功能稳定一些再上传到 CDN 。