要害步调
- 先按照你们的产物找到常用的要害词,天生词云
- 按照词云,将每个字天生对应的 unicode 码
- 将词云包罗的汉字做成一个字体库
- 将字体库 .ttf 做成 svg 名目,然后上传到 icomoon 建造自界说的字体,可是有法则,好比 “年” 对应的 unicode 码是 “u5e74” ,可是我们必要做一个 恺撒加密 ,好比我们配置 偏移量 为1,那么颠末恺撒加密 “年”对应的 unicode 码是“u5e75” 。操作这种法则建造我们必要的字体库
- 在每次挪用接口的时辰处事端做的工作是:处事端封装某个要领,将数据颠末要领判定是不是在词云中,假如是词云中的字符,操作法则(找到汉字对应的 unicode 码,,再按照凯撒加密,配置对应的偏移量,Demo 中为1,将每个汉字加密处理赏罚)加密处理赏罚后返回数据
- 客户端做的工作:
- 先引入我们前面建造好的汉字字体库
- 挪用接口拿到数据,表现到对应的 Dom 节点上
- 假如是汉字文本,我们将对应节点的 css 类配置成汉字类,该类对应的 font-family 是我们上面引入的汉字字体库
- //style.css
- @font-face {
- font-family: "NumberFont";
- src: url('http://127.0.0.1:8080/Util/analysis');
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
-
- @font-face {
- font-family: "CharacterFont";
- src: url('http://127.0.0.1:8080/Util/map');
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
-
- h2 {
- font-family: "NumberFont";
- }
-
- h3,a{
- font-family: "CharacterFont";
- }


传送门
字体建造的步调、ttf转svg、字体映射法则
实现的结果
页面上看到的数据跟检察元素看到的功效纷歧致
去查察接口数据跟考核元素和界面看到的三者纷歧致
页面每次革新之前得出的功效更纷歧致
对付数字和汉字的处理赏罚本领都纷歧致 (编辑:湖南网)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|