[发明专利]图片的拼接显示方法及系统

说明书

本发明公开了图片的拼接显示方法及系统，其种方法包括：利用矢量图标库将至少一可缩放的矢量图形格式的图片分别转化为字体文件，可缩放的矢量图形格式的图片由显示图片以预设规则切分生成；将字体文件保存至预设的保存地址；在前端程序中分别引用保存地址以及字体文件；在前端程序中设置每一字体文件的显示属性；在前端程序中根据预设规则分别设置每一可缩放的矢量图形格式的图片的显示位置；分别根据显示位置和显示属性显示字体文件的内容，以拼接成显示图片。本发明拼接后的显示图片占用空间小，而且字体可以根据实际应用随意改变大小，放大不失真，而且还可以随意改变颜色、产生阴影、透明效果等，提高了用户的使用舒适度。

技术领域

本发明涉及图片显示技术领域，尤其涉及一种图片的拼接显示方法及系统。

背景技术

随着电子行业的发展，图片的应用范围也越来越广泛，目前在电子设备的显示屏上显示的图片，为丰富图片的局部显示效果，通常将图片分割成多片进行显示，但依然会出现将整体图片或者局部图片放大到一定程度时容易失真的情况，而且常用的图片格式占用的空间大，并且图片在显示时也不能随意进行特别效果显示，如改变颜色、产生阴影、透明效果等，导致在实际应用中用户感受不佳。

发明内容

本发明要解决的技术问题是为了克服现有技术中图片占用空间大、放大容易失真以及不能随意进行特别效果显示的缺陷，提供一种图片的拼接显示方法及系统。

本发明是通过下述技术方案来解决上述技术问题：

一种图片的拼接显示方法，所述图片的拼接显示方法包括：

利用矢量图标库将至少一可缩放的矢量图形格式的图片分别转化为字体文件，所述可缩放的矢量图形格式的图片由显示图片以预设规则切分生成；

将所述字体文件保存至预设的保存地址；

在前端程序中分别引用所述保存地址以及所述字体文件；

在所述前端程序中设置每一所述字体文件的显示属性；

在所述前端程序中根据所述预设规则分别设置每一所述可缩放的矢量图形格式的图片的显示位置；

分别根据所述显示位置和所述显示属性显示所述字体文件的内容，以拼接成所述显示图片。

较佳地，所述字体文件包括字体编码，所述前端程序包括CSS(层叠样式表)文件和HTML(超文本标记语言)文件；

所述在前端程序中分别引用所述保存地址以及所述字体文件的步骤包括：

在所述CSS文件中分别引用所述保存地址以及所述字体文件；

在所述CSS文件中的类样式中定义字体名，并将所述字体名指向所述字体编码；

所述在所述前端程序中设置所述字体文件的显示属性的步骤包括：

在所述CSS文件中设置所述显示属性；

所述在所述前端程序中根据所述预设规则分别设置每一所述可缩放的矢量图形格式的图片的显示位置的步骤包括：

在所述HTML文件中根据所述预设规则分别设置所述显示位置；

所述分别根据所述显示位置和所述显示属性显示所述字体文件的内容的步骤包括：

在所述HTML文件中调用所述CSS文件获得所述字体名；

在所述HTML文件中调用所述字体名获得所述字体编码，并分别根据所述显示位置和所述显示属性显示所述字体编码对应的所述字体文件的内容。

较佳地，所述显示属性包括字体颜色、字体大小、阴影和透明中的至少一种。