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

权利要求书

1.一种图片的拼接显示方法，其特征在于，所述图片的拼接显示方法包括：

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

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

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

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

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

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

所述字体文件包括字体编码，所述前端程序包括CSS文件和HTML文件；

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

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

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

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

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

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

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

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

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

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

2.如权利要求1所述的图片的拼接显示方法，其特征在于，所述显示属性包括字体颜色、字体大小、阴影和透明中的至少一种。

3.如权利要求1所述的图片的拼接显示方法，其特征在于，所述字体文件包括svg、ttf、woff、woff2格式中的至少一种。

4.一种图片的拼接显示系统，其特征在于，所述图片的拼接显示系统包括转化模块、保存模块、引用模块、显示设置模块、位置设置模块和拼接模块；

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

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

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

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

所述位置设置模块用于根据所述预设规则分别设置每一所述可缩放的矢量图形格式的图片的显示位置；

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

所述字体文件包括字体编码，所述前端程序包括CSS文件和HTML文件；

所述引用模块用于在所述CSS文件中分别引用所述保存地址以及所述字体文件，还用于在所述CSS文件中的类样式中定义字体名，并将所述字体名指向所述字体编码；

所述显示设置模块还用于在所述CSS文件中设置所述显示属性；

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

所述拼接模块还用于在所述HTML文件中调用所述CSS文件获得所述字体名；以及在所述HTML文件中调用所述字体名获得所述字体编码，并分别根据所述显示位置和所述显示属性显示所述字体编码对应的所述字体文件的内容。

5.如权利要求4所述的图片的拼接显示系统，其特征在于，所述显示属性包括字体颜色、字体大小、阴影和透明中的至少一种。

6.如权利要求4所述的图片的拼接显示系统，其特征在于，所述字体文件包括svg、ttf、woff、woff2格式中的至少一种。