[发明专利]一种在线位图字体生成系统及方法在审
申请号: | 202011134760.3 | 申请日: | 2020-10-21 |
公开(公告)号: | CN112232023A | 公开(公告)日: | 2021-01-15 |
发明(设计)人: | 项天;程泽雨 | 申请(专利权)人: | 苏州速显微电子科技有限公司 |
主分类号: | G06F40/109 | 分类号: | G06F40/109;G06T11/00 |
代理公司: | 合肥方舟知识产权代理事务所(普通合伙) 34158 | 代理人: | 朱荣 |
地址: | 215200 江苏省苏州市吴*** | 国省代码: | 江苏;32 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 在线 位图 字体 生成 系统 方法 | ||
本发明公开了一种在线位图字体生成系统,包括字体解析模块,解析要生成的字体参数;布局模块,将要生成的字符布局在一张画布上;渲染模块,将生成的字符按序在画布上渲染出来;压缩模块,根据灰度的实际需求压缩灰度,生成最终的位图字体。还公开了一种在线生成位图字体的方法,包括以下步骤:用户输入要生成的字体的参数;字体解析模块解析字体参数;布局模块根据字体最后一个字符的编码进行字体文件的格栅布局;渲染模块从第一个字符到最后一个字符根据其编码,在其对应格栅的位置绘制出256级灰度的字符。本发明通过设计和实现一在线生成位图字体的方法和系统来实现人机交互界面统一的字体渲染效果。
技术领域
本发明涉及人机交互界面字体显示领域,具体为一种在线位图字体生成系统及方法。
背景技术
位图字体是一种每个字都是一组像素表示的字体,也称为光栅化字体,因为每个字其实都是光栅化的图像。位图字体的有点有很多:1.很方便、快速地进行字体渲染;2.比其他类型的字体更容易创建;3.未拉伸的位图字体可以提供在不同平台一致的渲染效果。位图字体的缺点包括拉伸后容易失真,以及每一种大小或样式的相同字体就需要提供一份不同的字体,大大提升了内存开销。
在人机交互界面的设计方面,为了实现不同平台对同一个人机交互界面能够有着同样的显示效果,所以需要不同平台对同样的字体能够有着同样的显示效果。在实际开发中,对于矢量字体的解析和渲染,不同平台的解析往往不同,就导致了显示的差异。此外,一些平台特别是嵌入式平台,对于矢量字体的开销太大,导致不能够采用矢量字体。
专利号为CN103559271A中国专利公开了一种带灰度等级的点阵字库生成方法。该专利提供了一种基于Window GDI(图形设备接口)的生成带最大65级灰度的点阵字库的方法。这种方法基于Window GDI,使用限制在Window系统上、并且最大灰度只有65级。此外,需要自定义表格才能显示生成的字体。
为此我们提出一种在线位图字体生成系统及方法用于解决上述问题。
发明内容
本发明的目的在于提供一种在线位图字体生成系统及方法,以解决上述背景技术中提出的问题。
为实现上述目的,本发明提供如下技术方案:一种在线位图字体生成系统,包括:
字体解析模块,解析要生成的字体参数;
布局模块,将要生成的字符布局在一张画布上;
渲染模块,将生成的字符按序在画布上渲染出来;
压缩模块,根据灰度的实际需求压缩灰度,生成最终的位图字体。
优选的,字体解析模块根据字体参数解析出的字体参数包括Font Family、FontVariant、Font Weight、Font Size和Font Style等,以及需要生成的字体的灰度级。
优选的,所述画布为正方形,所述字符按照格栅排列成正方形。
优选的,所述渲染模块调用HTML5 Canvas的fillText方法,根据字符的charCode在指定格栅的位置绘制字符,每个字符渲染在字符实际渲染区域中,边缘是内衬区域。
优选的,所述渲染模块绘制出的字符是256级灰度,根据需要的灰度可以向下放缩,调用HTML5 Canvas的toDataUrl方法生成最终的位图字体。
一种在线生成位图字体的方法,包括以下步骤:
S1:用户输入要生成的字体的参数,包括Font Family、Font Variant、FontWeight、Font Size和Font Style,以及需要生成的字体的灰度级;
S2:字体解析模块解析字体参数;
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于苏州速显微电子科技有限公司,未经苏州速显微电子科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202011134760.3/2.html,转载请声明来源钻瓜专利网。