CN104240273B - 栅格图片的处理方法及装置 - Google Patents
栅格图片的处理方法及装置 Download PDFInfo
- Publication number
- CN104240273B CN104240273B CN201410479754.XA CN201410479754A CN104240273B CN 104240273 B CN104240273 B CN 104240273B CN 201410479754 A CN201410479754 A CN 201410479754A CN 104240273 B CN104240273 B CN 104240273B
- Authority
- CN
- China
- Prior art keywords
- picture
- picture element
- attribute information
- element attribute
- user
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000012545 processing Methods 0.000 title claims abstract description 35
- 238000003672 processing method Methods 0.000 title abstract 2
- 238000009877 rendering Methods 0.000 claims abstract description 81
- 238000000034 method Methods 0.000 claims description 26
- 239000000126 substance Substances 0.000 abstract 1
- 238000005516 engineering process Methods 0.000 description 7
- 230000008569 process Effects 0.000 description 4
- 238000004891 communication Methods 0.000 description 3
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 239000011159 matrix material Substances 0.000 description 3
- 238000003860 storage Methods 0.000 description 3
- 238000010586 diagram Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 238000000638 solvent extraction Methods 0.000 description 2
- XLYOFNOQVPJJNP-UHFFFAOYSA-N water Substances O XLYOFNOQVPJJNP-UHFFFAOYSA-N 0.000 description 2
- 239000003086 colorant Substances 0.000 description 1
- 238000005520 cutting process Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000013507 mapping Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000002194 synthesizing effect Effects 0.000 description 1
Landscapes
- Processing Or Creating Images (AREA)
Abstract
本发明提供一种栅格图片的处理方法及装置。本发明实施例由于栅格图片所对应的绘制渲染数据不再只是具有固定内容的图片元素属性信息,而是具有灵活可变的多种内容的图片元素属性信息,使得所渲染的栅格图片上的图片元素不再只是具有单一的绘制特征,而是具有多种绘制特征,能够避免现有技术中由于只能够根据预先设定的图片元素的绘制矢量数据进行栅格图片的渲染而导致的所渲染的栅格图片的绘制特征较为固定的问题,从而提高了栅格图片渲染的灵活性。
Description
【技术领域】
本发明涉及绘制技术,尤其涉及一种栅格图片的处理方法及装置。
【背景技术】
随着通信技术的发展,终端集成了越来越多的功能,从而使得终端的系统功能列表中包含了越来越多相应的应用(Application,APP)。有些应用可以向使用者展现绘制的栅格图片,例如,地图等。现有技术中,操作人员需要预先设定图片元素的绘制矢量数据,渲染装置直接根据图片元素的绘制矢量数据,绘制该图片元素,以形成一幅栅格图片。
然而,由于渲染装置只能够根据预先设定的图片元素的绘制矢量数据进行栅格图片的渲染,使得渲染装置所渲染的栅格图片的绘制特征较为固定,从而导致了栅格图片渲染的灵活性的降低。
【发明内容】
本发明的多个方面提供一种栅格图片的处理方法及装置,用以提高栅格图片渲染的灵活性。
本发明的一方面,提供一种栅格图片的处理方法,包括:
获取待输出的栅格图片的绘制参数,所述绘制参数包括图片标识信息和所述栅格图片上至少一个图片元素的图片元素属性信息;
根据所述图片标识信息,获得与所述图片标识信息对应的第一绘制矢量数据;
根据所述图片元素属性信息,获得所述至少一个图片元素的绘制特征数据;
根据所述第一绘制矢量数据和所述绘制特征数据,获得第二绘制矢量数据,以供根据所述第二绘制矢量数据进行渲染处理,以获得所述栅格图片。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述图片标识信息包括所述栅格图片的行号、所述栅格图片的列号和所述栅格图片的级别。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述图片元素属性信息包括:
图片元素标识;
图片元素属性的标识;以及
图片元素属性的取值。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述图片元素属性包括下列属性中的至少一项:
边框属性;
填充属性;以及
标注属性。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述获取待输出的栅格图片的绘制参数,包括:
接收用户输入的所述图片元素属性信息;或者
获取用户的用户属性信息,根据所述用户的用户属性信息,获取云端所存储的所述图片元素属性信息;或者
接收用户提供的所述图片元素属性信息的标识信息,根据所述图片元素属性信息的标识信息,获取云端所存储的所述图片元素属性信息。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述根据所述图片元素属性信息,获得所述至少一个图片元素的绘制特征数据,包括:
对所述图片元素属性信息进行解析,以获得所述至少一个图片元素的绘制特征数据;或者
根据所述图片元素属性信息,获得云端所存储的与所述图片元素属性信息对应的所述至少一个图片元素的绘制特征数据。
本发明的另一方面,提供一种栅格图片的处理装置,包括:
获取单元,用于获取待输出的栅格图片的绘制参数,所述绘制参数包括图片标识信息和所述栅格图片上至少一个图片元素的图片元素属性信息;
矢量单元,用于根据所述图片标识信息,获得与所述图片标识信息对应的第一绘制矢量数据;
特征单元,用于根据所述图片元素属性信息,获得所述至少一个图片元素的绘制特征数据;
处理单元,用于根据所述第一绘制矢量数据和所述绘制特征数据,获得第二绘制矢量数据,以供根据所述第二绘制矢量数据进行渲染处理,以获得所述栅格图片。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述图片标识信息包括所述栅格图片的行号、所述栅格图片的列号和所述栅格图片的级别。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述图片元素属性信息包括:
图片元素标识;
图片元素属性的标识;以及
图片元素属性的取值。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述图片元素属性包括下列属性中的至少一项:
边框属性;
填充属性;以及
标注属性。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述获取单元,具体用于
接收用户输入的所述图片元素属性信息;或者
获取用户的用户属性信息,根据所述用户的用户属性信息,获取云端所存储的所述图片元素属性信息;或者
接收用户提供的所述图片元素属性信息的标识信息,根据所述图片元素属性信息的标识信息,获取云端所存储的所述图片元素属性信息。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述特征单元,具体用于
对所述图片元素属性信息进行解析,以获得所述至少一个图片元素的绘制特征数据;或者
根据所述图片元素属性信息,获得云端所存储的与所述图片元素属性信息对应的所述至少一个图片元素的绘制特征数据。
由上述技术方案可知,本发明实施例通过获取待输出的栅格图片的绘制参数,所述绘制参数包括图片标识信息和所述栅格图片上至少一个图片元素的图片元素属性信息,进而根据所述图片标识信息,获得与所述图片标识信息对应的第一绘制矢量数据,以及根据所述图片元素属性信息,获得所述至少一个图片元素的绘制特征数据,使得能够根据所述第一绘制矢量数据和所述绘制特征数据,获得第二绘制矢量数据,这样,则可以根据所述第二绘制矢量数据进行渲染处理,以获得所述栅格图片,由于栅格图片所对应的绘制渲染数据不再只是具有固定内容的图片元素属性信息,而是具有灵活可变的多种内容的图片元素属性信息,使得所渲染的栅格图片上的图片元素不再只是具有单一的绘制特征,而是具有多种绘制特征,能够避免现有技术中由于只能够根据预先设定的图片元素的绘制矢量数据进行栅格图片的渲染而导致的所渲染的栅格图片的绘制特征较为固定的问题,从而提高了栅格图片渲染的灵活性。
另外,采用本发明提供的技术方案,由于能够根据用户输入的图片元素属性信息,进而获得图片元素的绘制特征数据,使得能够根据新的绘制特征数据,渲染该图片元素,这样,所渲染的栅格图片上的图片元素不再只是具有单一的绘制特征,而是具有更加符合用户偏好的多种绘制特征,能够有效提高栅格图片渲染的个性化。
另外,采用本发明提供的技术方案,由于能够根据所获取的用户的用户属性信息,获取云端所存储的图片元素属性信息,进而获得图片元素的绘制特征数据,使得能够根据新的绘制特征数据,渲染该图片元素,这样,所渲染的栅格图片上的图片元素不再只是具有单一的绘制特征,而是具有更加符合用户偏好的多种绘制特征,能够有效提高栅格图片渲染的个性化。
另外,采用本发明提供的技术方案,由于能够根据用户所提供的图片元素属性信息的标识信息,获取云端所存储的所述图片元素属性信息,进而获得图片元素的绘制特征数据,使得能够根据新的绘制特征数据,渲染该图片元素,这样,所渲染的栅格图片上的图片元素不再只是具有单一的绘制特征,而是具有更加符合用户偏好的多种绘制特征,能够有效提高栅格图片渲染的个性化。
【附图说明】
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本发明一实施例提供的栅格图片的处理方法的流程示意图;
图2为本发明另一实施例提供的栅格图片的处理装置的结构示意图。
【具体实施方式】
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的全部其他实施例,都属于本发明保护的范围。
需要说明的是,本发明实施例中所涉及的终端可以包括但不限于手机、个人数字助理(Personal Digital Assistant,PDA)、无线手持装置、无线上网本、个人电脑、便携电脑、个人电脑(Personal Computer,PC)、MP3播放器、MP4播放器等。
另外,本文中术语“和/或”,仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。另外,本文中字符“/”,一般表示前后关联对象是一种“或”的关系。
图1为本发明一实施例提供的栅格图片的处理方法的流程示意图,如图1所示。
101、获取待输出的栅格图片的绘制参数,所述绘制参数包括图片标识信息和所述栅格图片上至少一个图片元素的图片元素属性信息。
其中,所述栅格图片,又可以称为瓦片图片,其对应的图片标识信息可以包括但不限于栅格图片的行号、栅格图片的列号和栅格图片的级别,详细描述可以参见现有技术中的相关内容,此处不再赘述。
102、根据所述图片标识信息,获得与所述图片标识信息对应的第一绘制矢量数据。
103、根据所述图片元素属性信息,获得所述至少一个图片元素的绘制特征数据。
其中,所述绘制特征数据,用于指示图片元素在终端屏幕上的展现样式,例如,边框、颜色、填充等属性。
104、根据所述第一绘制矢量数据和所述绘制特征数据,获得第二绘制矢量数据,以供根据所述第二绘制矢量数据进行渲染处理,以获得所述栅格图片。
需要说明的是,101~104的执行主体可以为位于本地终端的应用,或者还可以为位于本地终端的应用中的插件或软件开发工具包(Software Development Kit,SDK)等功能单元,或者还可以为位于网络侧的服务器中的渲染引擎,或者还可以为位于网络侧的分布式系统,本实施例对此不进行特别限定。
可以理解的是,所述应用可以是安装在终端上的应用程序(nativeApp),或者还可以是终端上的浏览器的一个网页程序(webApp),本实施例对此不进行限定。
这样,通过获取待输出的栅格图片的绘制参数,所述绘制参数包括图片标识信息和所述栅格图片上至少一个图片元素的图片元素属性信息,进而根据所述图片标识信息,获得与所述图片标识信息对应的第一绘制矢量数据,以及根据所述图片元素属性信息,获得所述至少一个图片元素的绘制特征数据,使得能够根据所述第一绘制矢量数据和所述绘制特征数据,获得第二绘制矢量数据,这样,则可以根据所述第二绘制矢量数据进行渲染处理,以获得所述栅格图片,由于栅格图片所对应的绘制渲染数据不再只是具有固定内容的图片元素属性信息,而是具有灵活可变的多种内容的图片元素属性信息,使得所渲染的栅格图片上的图片元素不再只是具有单一的绘制特征,而是具有多种绘制特征,能够避免现有技术中由于只能够根据预先设定的图片元素的绘制矢量数据进行栅格图片的渲染而导致的所渲染的栅格图片的绘制特征较为固定的问题,从而提高了栅格图片渲染的灵活性。
可以理解的是,在101之前,应用,也可以直接称之为客户端,可以按照现有技术中的方法,确定待输出的栅格图片的标识信息。例如,客户端根据当前视野所能够展示的栅格图片大小,以及进一步结合当前的定位需求,确定待输出的栅格图片的标识信息,例如,确定待绘制的一栅格图片的行号为12652、列号为4712和级别(即层数)为16。
以地图为例,下面将简单介绍一下地图的瓦片,即栅格地图。
首先,确定地图服务平台所要提供的缩放级别的数量N,把缩放级别最低、地图比例尺最小的地图图片作为底层,即第0层,并对其进行分块,从地图图片的左上角开始,从左至右、从上到下进行切割,分割成相同大小,例如,256x256像素的正方形栅格地图,形成第0层瓦片矩阵;
其次,在第0层地图图片的基础上,按每2x2像素合成为一个像素的方法生成第1层地图图片,并对其进行分块,分割成与下一层相同大小的正方形栅格地图,形成第1层瓦片矩阵;
然后,采用同样的方法生成第2层瓦片矩阵;
如此下去,直到第N-1层,构成整个瓦片金字塔。
例如,在Google地图中,地图图片由大量的正方形的栅格地图组成。共有18级缩放比例,每个栅格地图都有坐标值,由列号X值和行号Y值构成。地图比例尺的比例因子zoom取值范围是(0~17)。
栅格地图,其主要构成要素就是地图元素,例如,山脉、水系、陆地、行政区划、兴趣点或道路等地图元素。其中,道路还可以进一步划分为高速公路、一级公路、二级公路、三级公路和四级公路五个等级,每个等级的道路可以为不同的地图元素,或者还可以为相同的地图元素,本实施例对此不进行特别限定。其中,道路的等级划分的详细描述可以参见现有技术中的相关内容,此处不再赘述。
栅格地图上这些地图元素的相对位置都是由地理数据决定的,是不允许随意更改的。一般来说,地理数据可以通过人工采集的方法获取,或者利用已有的地理数据库直接获取。另外,还可以进一步采用全球定位系统(Global Positioning System,GPS)定位技术、无线相容性认证(Wireless Fidelity,Wi-Fi)定位技术、基站定位技术或传感器定位技术等定位技术,对所获得的地理数据进行校正,以保证地理数据的可靠性。
除了相对位置,还需要获得地图元素的绘制特征数据,用于指示地图元素在终端屏幕上的展现样式,例如,边框、颜色、填充等属性,例如,山脉可以展现为绿色区域,水系可以展现为蓝色区域,陆地可以展现为白色区域等。这样,才能够根据地理数据和绘制特征数据,展现出一幅栅格地图。这里,地理数据和绘制特征数据,可以统称为绘制矢量数据。
现有技术中,操作人员需要预先设定图片元素的绘制矢量数据,渲染装置直接根据图片元素的绘制矢量数据,绘制该图片元素,以形成一幅栅格图片。但是,由于渲染装置只能够根据预先设定的图片元素的绘制矢量数据进行栅格图片的渲染,使得渲染装置所渲染的栅格图片的绘制特征较为固定,所有用户所看到的栅格图片都是相同的,这样,会导致栅格图片渲染的灵活性不高。
需要说明的是,本实施例中所涉及的“所述至少一个图片元素”可以为栅格图片上的全部图片元素,或者还可以为栅格图片上的部分图片元素,本实施例对此不进行特别限定。
可以理解的是,本实施例所提供的技术方案,适用于“所述至少一个图片元素”的渲染,如果在栅格图片上,除了本实施例所涉及的“所述至少一个图片元素”之外,还可能有其他图片元素,对于这部分图片元素的渲染,仍然可以根据现有技术中由操作人员预先设定的这部分图片元素的绘制特征数据,进行渲染处理。
可选地,在本实施例的一个可能的实现方式中,在101中,所获取的所述图片元素属性信息可以包括但不限于:图片元素标识;图片元素属性的标识;以及图片元素属性的取值,本实施例对此不进行特别限定。其中,
图片元素标识,是指图片元素的唯一标识信息,例如,图片元素的名称或编号等。
图片元素属性的标识,是指图片元素属性的唯一标识信息,例如,图片元素属性的名称或编号等。具体地,图片元素属性,可以包括但不限于下列属性中的至少一项:
边框属性;
填充属性;以及
标注属性。其中,
边框属性,是指图片元素的边框的特征信息,例如,边框的图案、颜色、宽度等。
填充属性,是指图片元素的填充的特征信息,例如,填充的颜色、图案、透明度等。
标注属性,是指图片元素的标注的特征信息,其中,标注可以包括但不限于文本标注属性和/或图形标注属性中的至少一项,例如,文本标注的字体、字号、边框是否隐藏等,图形标注的大小、是否隐藏等。
图片元素属性的取值,是指图片元素属性的具体内容。
例如,边框的图案为无、直线、虚线或点划线等;边框的颜色为蓝色或黑色等;边框的宽度为0.04毫米(mm)等。
或者,再例如,填充的颜色为无、黄色、蓝色或绿色等;填充的图案为无、点或斜线等;填充的透明度为30%等。
或者,再例如,文本标注的字体为宋体等;文本标注的字号为小五号等;文本的边框隐藏等;图形标注隐藏等。
可选地,在本实施例的一个可能的实现方式中,在102中,具体可以接收用户输入的所述图片元素属性信息。这样,由于能够根据用户输入的图片元素属性信息,进而获得图片元素的绘制特征数据,使得能够根据新的绘制特征数据,渲染该图片元素,这样,所渲染的栅格图片上的图片元素不再只是具有单一的绘制特征,而是具有更加符合用户偏好的多种绘制特征,能够有效提高栅格图片渲染的个性化。
具体地,可以向用户开放一些接口,以供用户利用该接口单元,输入所述图片元素属性信息。
例如,在应用的用户界面(User Interface,UI)上,提供可供用户选择与输入的选项,以输入图片元素的名称、图片元素属性的名称和图片元素属性的具体内容。
可以理解的是,所述用户可以是普通用户,或还可以为第三方开发者,或者也可以为自身应用的开发者,本实施例对此不进行特别限定。
进一步地,具体可以通过上述方式,即接收用户输入的所述图片元素属性信息,进而将该图片元素属性信息存储在云端,并记录用户的标识信息与图片元素属性信息的映射关系,以供在后续直接利用用户的标识信息,获取到云端所存储的用户的所述个性化设置信息。
可选地,在本实施例的一个可能的实现方式中,在102中,具体可以获取用户的用户属性信息,根据所述用户的用户属性信息,获取云端所存储的所述图片元素属性信息。其中,所述用户的属性信息可以包括但不限于下列信息中的至少一项:
当前时间;
所处位置;
年龄;
职业;以及
兴趣爱好。
这样,由于能够根据所获取的用户的用户属性信息,获取云端所存储的图片元素属性信息,进而获得图片元素的绘制特征数据,使得能够根据新的绘制特征数据,渲染该图片元素,这样,所渲染的栅格图片上的图片元素不再只是具有单一的绘制特征,而是具有更加符合用户偏好的多种绘制特征,能够有效提高栅格图片渲染的个性化。
可选地,在本实施例的一个可能的实现方式中,在102中,具体可以接收用户提供的所述图片元素属性信息的标识信息,根据所述图片元素属性信息的标识信息,获取云端所存储的所述图片元素属性信息。其中,所述用户提供的图片元素属性信息的标识信息,可以通过其他用户的分享操作行为获得。
这样,由于能够根据用户所提供的图片元素属性信息的标识信息,获取云端所存储的所述图片元素属性信息,进而获得图片元素的绘制特征数据,使得能够根据新的绘制特征数据,渲染该图片元素,这样,所渲染的栅格图片上的图片元素不再只是具有单一的绘制特征,而是具有更加符合用户偏好的多种绘制特征,能够有效提高栅格图片渲染的个性化。
可选地,在本实施例的一个可能的实现方式中,在103中,具体可以对所述图片元素属性信息进行解析,以获得所述至少一个图片元素的绘制特征数据。
可选地,在本实施例的一个可能的实现方式中,在103中,具体可以根据所述图片元素属性信息,获得云端所存储的与所述图片元素属性信息对应的所述至少一个图片元素的绘制特征数据。这样,无需解析图片元素属性信息,能够有效缩短栅格图片渲染的时间,从而提高了栅格图片渲染的效率。
本实施例中,根据所述第二绘制矢量数据进行渲染处理,的具体实现可以有多种方式,本实施例对此不进行特别限定。
例如,服务器具体可以根据所述第二绘制矢量数据进行渲染处理,以获得栅格图片,客户端向服务器请求栅格图片的栅格数据,然后由客户端将所请求的栅格数据展现为可视化的栅格图片。这种方式,由于栅格数据的数据量很大,因此,会使得客户端请求获取该栅格数据的时间较长,从而导致了栅格图片绘制的效率的降低。
例如,客户端具体可以向服务器请求栅格图片的矢量数据即所述第二绘制矢量数据,然后由客户端将所请求的矢量数据绘制成栅格图片,并展现。体地,客户端具体可以创建画布(Canvas)元素,进而则可以利用所获取的矢量数据,在所述Canvas元素中,绘制所述栅格图片。Canvas元素是超文本标记语言(HyperText Mark-up Language,HTML)的第五版本(HTML5)中新增的一个重要元素,专门用来绘制图形,在万维网(World Wide Web,Web)页面上创建一个Canvas元素,就相当于在Web页面上放置一块“画布”,可以在其中进行图形的绘制。
这种方式,由于客户端请求获取的是矢量数据,而不再是栅格数据,因此,能够避免现有技术中由于栅格数据的数据量很大而导致的客户端请求获取该栅格数据的时间较长的问题,从而提高了栅格图片绘制的效率。
另外,由于客户端请求获取的是矢量数据,而不再是栅格数据,因此,服务器无需向客户端发送栅格数据,从而节省了数据流量和网络资源。
本实施例中,通过获取待输出的栅格图片的绘制参数,所述绘制参数包括图片标识信息和所述栅格图片上至少一个图片元素的图片元素属性信息,进而根据所述图片标识信息,获得与所述图片标识信息对应的第一绘制矢量数据,以及根据所述图片元素属性信息,获得所述至少一个图片元素的绘制特征数据,使得能够根据所述第一绘制矢量数据和所述绘制特征数据,获得第二绘制矢量数据,这样,则可以根据所述第二绘制矢量数据进行渲染处理,以获得所述栅格图片,由于栅格图片所对应的绘制渲染数据不再只是具有固定内容的图片元素属性信息,而是具有灵活可变的多种内容的图片元素属性信息,使得所渲染的栅格图片上的图片元素不再只是具有单一的绘制特征,而是具有多种绘制特征,能够避免现有技术中由于只能够根据预先设定的图片元素的绘制矢量数据进行栅格图片的渲染而导致的所渲染的栅格图片的绘制特征较为固定的问题,从而提高了栅格图片渲染的灵活性。
另外,采用本发明提供的技术方案,由于能够根据所获取的用户的用户属性信息,获取云端所存储的图片元素属性信息,进而获得图片元素的绘制特征数据,使得能够根据新的绘制特征数据,渲染该图片元素,这样,所渲染的栅格图片上的图片元素不再只是具有单一的绘制特征,而是具有更加符合用户偏好的多种绘制特征,能够有效提高栅格图片渲染的个性化。
另外,采用本发明提供的技术方案,由于能够根据用户所提供的图片元素属性信息的标识信息,获取云端所存储的所述图片元素属性信息,进而获得图片元素的绘制特征数据,使得能够根据新的绘制特征数据,渲染该图片元素,这样,所渲染的栅格图片上的图片元素不再只是具有单一的绘制特征,而是具有更加符合用户偏好的多种绘制特征,能够有效提高栅格图片渲染的个性化。
需要说明的是,对于前述的各方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明并不受所描述的动作顺序的限制,因为依据本发明,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定是本发明所必须的。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
图2为本发明另一实施例提供的栅格图片的处理装置的结构示意图,如图2所示。本实施例的栅格图片的处理装置可以包括获取单元21、矢量单元22、特征单元23和处理单元24。其中,获取单元21,用于获取待输出的栅格图片的绘制参数,所述绘制参数包括图片标识信息和所述栅格图片上至少一个图片元素的图片元素属性信息;矢量单元22,用于根据所述图片标识信息,获得与所述图片标识信息对应的第一绘制矢量数据;特征单元23,用于根据所述图片元素属性信息,获得所述至少一个图片元素的绘制特征数据;处理单元24,用于根据所述第一绘制矢量数据和所述绘制特征数据,获得第二绘制矢量数据,以供根据所述第二绘制矢量数据进行渲染处理,以获得所述栅格图片。
需要说明的是,本实施例所提供的栅格图片的处理装置可以为位于本地终端的应用,或者还可以为位于本地终端的应用中的插件或软件开发工具包(SoftwareDevelopment Kit,SDK)等功能单元,或者还可以为位于网络侧的服务器中的渲染引擎,或者还可以为位于网络侧的分布式系统,本实施例对此不进行特别限定。
可以理解的是,所述应用可以是安装在终端上的应用程序(nativeApp),或者还可以是终端上的浏览器的一个网页程序(webApp),本实施例对此不进行限定。
可选地,在本实施例的一个可能的实现方式中,所述获取单元21所获取的所述图片标识信息可以包括但不限于所述栅格图片的行号、所述栅格图片的列号和所述栅格图片的级别,本实施例对此不进行特别限定。
可选地,在本实施例的一个可能的实现方式中,所述获取单元21所获取的所述图片元素属性信息可以包括但不限于:图片元素标识;图片元素属性的标识;以及图片元素属性的取值,本实施例对此不进行特别限定。
具体地,图片元素属性,可以包括但不限于下列属性中的至少一项:
边框属性;
填充属性;以及
标注属性。
可选地,在本实施例的一个可能的实现方式中,所述获取单元21,具体可以用于接收用户输入的所述图片元素属性信息。这样,由于能够根据用户输入的图片元素属性信息,进而获得图片元素的绘制特征数据,使得能够根据新的绘制特征数据,渲染该图片元素,这样,所渲染的栅格图片上的图片元素不再只是具有单一的绘制特征,而是具有更加符合用户偏好的多种绘制特征,能够有效提高栅格图片渲染的个性化。
可选地,在本实施例的一个可能的实现方式中,所述获取单元21,具体可以用于获取用户的用户属性信息,根据所述用户的用户属性信息,获取云端所存储的所述图片元素属性信息。这样,由于能够根据所获取的用户的用户属性信息,获取云端所存储的图片元素属性信息,进而获得图片元素的绘制特征数据,使得能够根据新的绘制特征数据,渲染该图片元素,这样,所渲染的栅格图片上的图片元素不再只是具有单一的绘制特征,而是具有更加符合用户偏好的多种绘制特征,能够有效提高栅格图片渲染的个性化。
可选地,在本实施例的一个可能的实现方式中,所述获取单元21,具体可以用于接收用户提供的所述图片元素属性信息的标识信息,根据所述图片元素属性信息的标识信息,获取云端所存储的所述图片元素属性信息。这样,由于能够根据用户所提供的图片元素属性信息的标识信息,获取云端所存储的所述图片元素属性信息,进而获得图片元素的绘制特征数据,使得能够根据新的绘制特征数据,渲染该图片元素,这样,所渲染的栅格图片上的图片元素不再只是具有单一的绘制特征,而是具有更加符合用户偏好的多种绘制特征,能够有效提高栅格图片渲染的个性化。
可选地,在本实施例的一个可能的实现方式中,所述特征单元23,具体可以用于对所述图片元素属性信息进行解析,以获得所述至少一个图片元素的绘制特征数据。
可选地,在本实施例的一个可能的实现方式中,所述特征单元23,具体可以用于根据所述图片元素属性信息,获得云端所存储的与所述图片元素属性信息对应的所述至少一个图片元素的绘制特征数据。这样,无需解析图片元素属性信息,能够有效缩短栅格图片渲染的时间,从而提高了栅格图片渲染的效率。
需要说明的是,图1对应的实施例中方法,可以由本实施例提供的栅格图片的处理装置实现。详细描述可以参见图1对应的实施例中的相关内容,此处不再赘述。
本实施例中,通过获取单元获取待输出的栅格图片的绘制参数,所述绘制参数包括图片标识信息和所述栅格图片上至少一个图片元素的图片元素属性信息,进而由矢量单元根据所述图片标识信息,获得与所述图片标识信息对应的第一绘制矢量数据,以及由特征单元根据所述图片元素属性信息,获得所述至少一个图片元素的绘制特征数据,使得处理单元能够根据所述第一绘制矢量数据和所述绘制特征数据,获得第二绘制矢量数据,这样,则可以根据所述第二绘制矢量数据进行渲染处理,以获得所述栅格图片,由于栅格图片所对应的绘制渲染数据不再只是具有固定内容的图片元素属性信息,而是具有灵活可变的多种内容的图片元素属性信息,使得所渲染的栅格图片上的图片元素不再只是具有单一的绘制特征,而是具有多种绘制特征,能够避免现有技术中由于只能够根据预先设定的图片元素的绘制矢量数据进行栅格图片的渲染而导致的所渲染的栅格图片的绘制特征较为固定的问题,从而提高了栅格图片渲染的灵活性。
另外,采用本发明提供的技术方案,由于能够根据用户输入的图片元素属性信息,进而获得图片元素的绘制特征数据,使得能够根据新的绘制特征数据,渲染该图片元素,这样,所渲染的栅格图片上的图片元素不再只是具有单一的绘制特征,而是具有更加符合用户偏好的多种绘制特征,能够有效提高栅格图片渲染的个性化。
另外,采用本发明提供的技术方案,由于能够根据所获取的用户的用户属性信息,获取云端所存储的图片元素属性信息,进而获得图片元素的绘制特征数据,使得能够根据新的绘制特征数据,渲染该图片元素,这样,所渲染的栅格图片上的图片元素不再只是具有单一的绘制特征,而是具有更加符合用户偏好的多种绘制特征,能够有效提高栅格图片渲染的个性化。
另外,采用本发明提供的技术方案,由于能够根据用户所提供的图片元素属性信息的标识信息,获取云端所存储的所述图片元素属性信息,进而获得图片元素的绘制特征数据,使得能够根据新的绘制特征数据,渲染该图片元素,这样,所渲染的栅格图片上的图片元素不再只是具有单一的绘制特征,而是具有更加符合用户偏好的多种绘制特征,能够有效提高栅格图片渲染的个性化。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统,装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在本发明所提供的几个实施例中,应该理解到,所揭露的系统,装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用硬件加软件功能单元的形式实现。
上述以软件功能单元的形式实现的集成的单元,可以存储在一个计算机可读取存储介质中。上述软件功能单元存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)或处理器(processor)执行本发明各个实施例所述方法的部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(Read-Only Memory,ROM)、随机存取存储器(Random Access Memory,RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是:以上实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。
Claims (10)
1.一种栅格图片的处理方法,其特征在于,包括:
获取待输出的栅格图片的绘制参数,所述绘制参数包括图片标识信息和所述栅格图片上至少一个图片元素的图片元素属性信息,其中,所述图片元素属性信息包括但不限于:图片元素标识;图片元素属性的标识;以及图片元素属性的取值;
根据所述图片标识信息,获得与所述图片标识信息对应的第一绘制矢量数据,绘制矢量数据由地理数据和绘制特征数据构成;
根据所述图片元素属性信息,获得所述至少一个图片元素的绘制特征数据;
根据所述第一绘制矢量数据和所述绘制特征数据,获得第二绘制矢量数据,以供根据所述第二绘制矢量数据进行渲染处理,以获得所述栅格图片。
2.根据权利要求1所述的方法,其特征在于,所述图片标识信息包括所述栅格图片的行号、所述栅格图片的列号和所述栅格图片的级别。
3.根据权利要求1所述的方法,其特征在于,所述图片元素属性包括下列属性中的至少一项:
边框属性;
填充属性;以及
标注属性。
4.根据权利要求1~3任一权利要求所述的方法,其特征在于,所述获取待输出的栅格图片的绘制参数,包括:
接收用户输入的所述图片元素属性信息;或者
获取用户的用户属性信息,根据所述用户的用户属性信息,获取云端所存储的所述图片元素属性信息;或者
接收用户提供的所述图片元素属性信息的标识信息,根据所述图片元素属性信息的标识信息,获取云端所存储的所述图片元素属性信息。
5.根据权利要求1~3任一权利要求所述的方法,其特征在于,所述根据所述图片元素属性信息,获得所述至少一个图片元素的绘制特征数据,包括:
对所述图片元素属性信息进行解析,以获得所述至少一个图片元素的绘制特征数据;或者
根据所述图片元素属性信息,获得云端所存储的与所述图片元素属性信息对应的所述至少一个图片元素的绘制特征数据。
6.一种栅格图片的处理装置,其特征在于,包括:
获取单元,用于获取待输出的栅格图片的绘制参数,所述绘制参数包括图片标识信息和所述栅格图片上至少一个图片元素的图片元素属性信息,其中,所述图片元素属性信息包括但不限于:图片元素标识;图片元素属性的标识;以及图片元素属性的取值;
矢量单元,用于根据所述图片标识信息,获得与所述图片标识信息对应的第一绘制矢量数据,绘制矢量数据由地理数据和绘制特征数据构成;
特征单元,用于根据所述图片元素属性信息,获得所述至少一个图片元素的绘制特征数据;
处理单元,用于根据所述第一绘制矢量数据和所述绘制特征数据,获得第二绘制矢量数据,以供根据所述第二绘制矢量数据进行渲染处理,以获得所述栅格图片。
7.根据权利要求6所述的装置,其特征在于,所述图片标识信息包括所述栅格图片的行号、所述栅格图片的列号和所述栅格图片的级别。
8.根据权利要求6所述的装置,其特征在于,所述图片元素属性包括下列属性中的至少一项:
边框属性;
填充属性;以及
标注属性。
9.根据权利要求6~8任一权利要求所述的装置,其特征在于,所述获取单元,具体用于
接收用户输入的所述图片元素属性信息;或者
获取用户的用户属性信息,根据所述用户的用户属性信息,获取云端所存储的所述图片元素属性信息;或者
接收用户提供的所述图片元素属性信息的标识信息,根据所述图片元素属性信息的标识信息,获取云端所存储的所述图片元素属性信息。
10.根据权利要求6~8任一权利要求所述的装置,其特征在于,所述特征单元,具体用于
对所述图片元素属性信息进行解析,以获得所述至少一个图片元素的绘制特征数据;或者
根据所述图片元素属性信息,获得云端所存储的与所述图片元素属性信息对应的所述至少一个图片元素的绘制特征数据。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410479754.XA CN104240273B (zh) | 2014-09-18 | 2014-09-18 | 栅格图片的处理方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410479754.XA CN104240273B (zh) | 2014-09-18 | 2014-09-18 | 栅格图片的处理方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104240273A CN104240273A (zh) | 2014-12-24 |
CN104240273B true CN104240273B (zh) | 2017-12-12 |
Family
ID=52228277
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410479754.XA Active CN104240273B (zh) | 2014-09-18 | 2014-09-18 | 栅格图片的处理方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104240273B (zh) |
Families Citing this family (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105069118B (zh) * | 2015-08-11 | 2018-04-03 | 北京思特奇信息技术股份有限公司 | 一种基于gis配置的应用场景管理方法及系统 |
CN108965975B (zh) * | 2017-05-24 | 2021-03-23 | 阿里巴巴集团控股有限公司 | 一种绘制方法及装置 |
CN107273541A (zh) * | 2017-07-05 | 2017-10-20 | 武汉斗鱼网络科技有限公司 | 网络图片展示方法、装置和电子终端 |
CN110321184B (zh) * | 2018-03-29 | 2021-06-04 | 北京新唐思创教育科技有限公司 | 场景地图绘制方法及计算机存储介质 |
CN109783177B (zh) * | 2019-01-18 | 2022-02-11 | 成都新橙北斗智联有限公司 | 一种基于HTML5 Canvas的GIS栅格数据渲染方法 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101470184A (zh) * | 2007-12-25 | 2009-07-01 | 深圳Tcl新技术有限公司 | 全球定位gps导航系统 |
CN101634566A (zh) * | 2009-07-31 | 2010-01-27 | 深圳市凯立德计算机系统技术有限公司 | 一种导航系统及其所采用的对地图数据进行修改的方法 |
CN102789361A (zh) * | 2012-06-29 | 2012-11-21 | 哈尔滨工程大学 | 一种矢量电子地图信息的显示风格设置方法 |
Family Cites Families (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102682654B (zh) * | 2011-03-16 | 2014-05-07 | 高德软件有限公司 | 交通信息渲染方法和装置 |
DE112011105417T5 (de) * | 2011-07-05 | 2014-04-03 | Mitsubishi Electric Corp. | Navigationsvorrichtung |
US8280414B1 (en) * | 2011-09-26 | 2012-10-02 | Google Inc. | Map tile data pre-fetching based on mobile device generated event analysis |
US8928691B2 (en) * | 2011-09-26 | 2015-01-06 | Google Inc. | Rendering map images using modifications of non-raster map data |
CN102663119B (zh) * | 2012-04-19 | 2014-06-11 | 北京天下图数据技术有限公司 | 一种渲染海量矢量数据的方法 |
CN103915033A (zh) * | 2012-12-29 | 2014-07-09 | 高德软件有限公司 | 一种地图渲染的方法及其装置、移动终端 |
CN103942338A (zh) * | 2014-05-08 | 2014-07-23 | 百度在线网络技术(北京)有限公司 | 地图绘制方法、服务器及终端 |
-
2014
- 2014-09-18 CN CN201410479754.XA patent/CN104240273B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101470184A (zh) * | 2007-12-25 | 2009-07-01 | 深圳Tcl新技术有限公司 | 全球定位gps导航系统 |
CN101634566A (zh) * | 2009-07-31 | 2010-01-27 | 深圳市凯立德计算机系统技术有限公司 | 一种导航系统及其所采用的对地图数据进行修改的方法 |
CN102789361A (zh) * | 2012-06-29 | 2012-11-21 | 哈尔滨工程大学 | 一种矢量电子地图信息的显示风格设置方法 |
Also Published As
Publication number | Publication date |
---|---|
CN104240273A (zh) | 2014-12-24 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10445914B2 (en) | Method and apparatus for contextually varying imagery on a map | |
US11816315B2 (en) | Method and apparatus for supporting user interactions with non-designated locations on a digital map | |
CN104240273B (zh) | 栅格图片的处理方法及装置 | |
US9110573B2 (en) | Personalized viewports for interactive digital maps | |
CN110084877B (zh) | 使用聚合特征标识符来管理地图元素 | |
CN103971412B (zh) | 电子地图的展现方法及装置 | |
US20150062114A1 (en) | Displaying textual information related to geolocated images | |
WO2014186509A1 (en) | Use of map data difference tiles to iteratively provide map data to a client device | |
CN114675925B (zh) | 组态图像处理方法、装置、计算机设备、存储介质 | |
CN110597940A (zh) | 基于微信的自然资源外业核查方法及系统、服务器及介质 | |
CN105824517A (zh) | 一种桌面的实现方法和装置 | |
CN115439609B (zh) | 基于地图服务的三维模型渲染方法、系统、设备及介质 | |
JP2022531638A (ja) | 要素レンダリング方法、装置、コンピュータプログラム及びコンピュータ装置 | |
CN104111951A (zh) | 栅格图片的绘制方法及装置 | |
CN113963077A (zh) | 栅格划分方法、栅格划分装置、电子设备和存储介质 | |
CN104063901A (zh) | 电子地图的展现方法及装置 | |
CN108133029B (zh) | 地图元素的调整方法、装置、设备及计算机可读存储介质 | |
CN113538468B (zh) | 基于svg格式构建高清卫星地图矢量切片的方法及装置 | |
CN111177071B (zh) | Flickr平台的图片下载方法及装置 | |
CN117786256A (zh) | 网页转译方法、装置、应用商店系统、设备和介质 | |
CN112927327A (zh) | 一种生物医药平台数据地图三维可视化方法 | |
CN117743490A (zh) | 一种地理场景信息制作方法及装置 | |
CN111985430A (zh) | 图像数据标注方法、装置、设备及可读存储介质 | |
CN115482321A (zh) | 地图渲染方法、装置、电子设备及计算机存储介质 | |
CN111914975A (zh) | 一种彩阶条生成方法、装置、设备及可读存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |