[发明专利]一种定位图片系统及方法

权利要求书

1.一种定位图片系统，其特征在于，包括：

图片合成模块，用于将多幅图片生成一个合成图片文件；

图片定位模块，用于在合成图片中定位所需显示的图片；

图片显示模块，用于显示定位后的图片；

所述图片定位模块加载图片合成模块生成的合成图片文件并定位所需显示的文件后通过图片显示模块在网页上进行展示。

2.根据权利要求1所述的一种定位图片系统，其特征在于，所述合成模块包括图片输入模块和图片输出模块，所述图片输出模块用于将图片输入模块输入的多幅图片按照系统参数输出为一个合成图片文件。

3.根据权利要求2所述的一种定位图片系统，其特征在于，所述系统参数包括图片尺寸，图片分辨率，图片排布位置及方式。

4.根据权利要求1所述的一种定位图片系统，其特征在于，所述图片定位模块采用CSS样式进行处理，包括属性定义模块和位置定义模块；所述属性定义模块用于加载所需的合成图片以及定义图片显示方式；所述位置定义模块通过设定像素值定义欲显示的图片在合成图片中的位置。

5.根据权利要求4所述的一种定位图片系统，其特征在于，所述图片显示方式包括平铺、重复。

6.根据权利要求1所述的一种定位图片系统，其特征在于，所述图片显示模块包括图片对象模块和图片截取模块；所述图片对象模块用于在网页上显示图片；所述图片截取模块根据网页上的图片对象的尺寸属性，截取对应尺寸的定位图片并在图片对象中显示。

7.一种定位图片方法，其特征在于：将欲在网页中显示的多个图片文件按照合成规则合并为一个合成图片文件，通过在网页中需要显示图片的位置通过定义CSS样式加载合成图片文件并定位合成图片文件中单个图片文件的位置，实现所需图片在网页中的显示。

8.根据权利要求7所述的一种定位图片方法，其特征在于，通过CSS定位并显示合成图片文件中单个图片文件的具体步骤为：

S1在网页中需要显示图片的位置建立图片对象并定义一个CSS样式并将其背景属性值定义为加载合成图片文件；

S2设置背景属性中的合成图片的显示方式为不重复显示；

S3设置背景属性中的边距参数来获取合成图片中单个图片的位置参数；

S4根据网页中图片对象的高度值和宽度值对定位后的单个图片进行截取并在图片对象中显示。