位图字体实现方法、装置、电子设备及存储介质制造方法及图纸

技术编号:24331616 阅读:56 留言:0更新日期:2020-05-29 19:51
本发明专利技术的实施例提供了一种位图字体实现方法、装置、电子设备以及存储介质,涉及计算机技术领域。该方法包括:获取包括多个字符的源图,并获得包括源图中各个字符的源纹理区域数据的配置文件;根据配置文件获得待渲染文本对应的源位图文本在目标画布上的缩放比和偏移量;根据配置文件获得待渲染文本中每个待渲染字符的源纹理区域数据;根据缩放比和偏移量以及每个待渲染字符的源纹理区域数据确定每个待渲染字符的目标纹理区域数据;根据每个待渲染字符的目标纹理区域数据在目标画布绘制每个待渲染字符,生成目标位图文本。本发明专利技术实施例的技术方案在显示字符长度增加时不需要增加HTML的文档对象模型节点,从而能够提高渲染性能。

Bitmap font implementation method, device, electronic equipment and storage medium

【技术实现步骤摘要】
位图字体实现方法、装置、电子设备及存储介质
本专利技术涉及计算机
,具体而言,涉及一种位图字体实现方法、位图字体实现装置、电子设备以及计算机可读存储介质。
技术介绍
位图字体(BitmapFont)又叫位图文本(BitmapText),是一种通过图片代替特殊效果文字展示的技术,在Web(WorldWideWeb,万维网)开发及游戏开发中都有广泛的应用。在Web开发及游戏开发中,为了展示更酷炫的效果,经常会使用一些特殊字体或者艺术字体。如果直接将特殊字体或者艺术字体内置在网页和游戏程序中会使加载和运行速度变慢,使用位图字体可以很好的解决这个问题。目前,在实现位图字体的一种技术方案中,参照图1所述,将位图字体按照单张图片导出并命名,编写相关CSS(CascadingStyleSheets,层叠样式表)样式文件和HTML(HyperTextMarkupLanguage,超文本标记语言)代码,使用HTML中的img标签的src属性加载对应字符例如字符“520”的图片地址,运行对应的HTML代码对位图字体进行显示,显示效果如图2所示。...

【技术保护点】
1.一种位图字体实现方法,其特征在于,包括:/n获取包括多个字符的源图,并获得包括所述源图中各个字符的源纹理区域数据的配置文件,所述源纹理区域数据包括各个字符在所述源图中的位置和尺寸信息;/n根据所述配置文件确定待渲染文本对应的源位图文本在目标画布上的缩放比和偏移量,所述源位图文本为由与所述待渲染文本中的待渲染字符对应的所述源图中的字符组成的文本;/n根据所述配置文件获得所述待渲染文本中每个待渲染字符的源纹理区域数据;/n根据所述缩放比和所述偏移量以及每个待渲染字符的源纹理区域数据确定每个待渲染字符的目标纹理区域数据,所述目标纹理区域数据包括每个待渲染字符在所述目标画布上的位置和尺寸信息;/n...

【技术特征摘要】
1.一种位图字体实现方法,其特征在于,包括:
获取包括多个字符的源图,并获得包括所述源图中各个字符的源纹理区域数据的配置文件,所述源纹理区域数据包括各个字符在所述源图中的位置和尺寸信息;
根据所述配置文件确定待渲染文本对应的源位图文本在目标画布上的缩放比和偏移量,所述源位图文本为由与所述待渲染文本中的待渲染字符对应的所述源图中的字符组成的文本;
根据所述配置文件获得所述待渲染文本中每个待渲染字符的源纹理区域数据;
根据所述缩放比和所述偏移量以及每个待渲染字符的源纹理区域数据确定每个待渲染字符的目标纹理区域数据,所述目标纹理区域数据包括每个待渲染字符在所述目标画布上的位置和尺寸信息;
根据每个待渲染字符的目标纹理区域数据在所述目标画布绘制每个待渲染字符,生成目标位图文本。


2.根据权利要求1所述的位图字体实现方法,其特征在于,所述位图字体实现方法还包括:
配置字符模板,所述字符模板包括各个字符与所述字符的单字符源图之间的对应关系;
根据所述配置文件和所述字符模板获得各个字符及所述字符的单字符源图、源纹理区域数据之间的映射关系。


3.根据权利要求2所述的位图字体实现方法,其特征在于,根据所述配置文件和所述字符模板获得各个字符及所述字符的单字符源图、源纹理区域数据之间的映射关系,包括:
遍历所述字符模板中的各个字符,获取各个字符的单字符源图的标识信息;
基于所述标识信息从所述配置文件中获取各个字符的源纹理区域数据;
获取各个字符及所述字符的单字符源图、源纹理区域数据之间的映射关系。


4.根据权利要求2所述的位图字体实现方法,其特征在于,根据所述配置文件确定待渲染文本对应的源位图文本在目标画布上的缩放比和偏移量,包括:
根据所述待渲染文本和所述映射关系获得所述待渲染文本对应的源位图文本的逻辑尺寸;
根据目标画布尺寸和所述逻辑尺寸获得所述源位图文本的缩放比;
根据所述逻辑尺寸和所述缩放比获得所述源位图文本在所述目标画布上的所述偏移量。


5.根据权利要求4所述的位图字体实现方法,其特征在于,每个待渲染字符的源纹理区域数据包括每个待渲染字符的源位置信息和源尺寸信息;每个待渲染字符的目标纹理区...

【专利技术属性】
技术研发人员:唐谢军
申请(专利权)人:北京京东尚科信息技术有限公司北京京东世纪贸易有限公司
类型:发明
国别省市:北京;11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1