CN105243082B - 可缩放矢量图形图像的重组方法及重组装置 - Google Patents
可缩放矢量图形图像的重组方法及重组装置 Download PDFInfo
- Publication number
- CN105243082B CN105243082B CN201510564649.0A CN201510564649A CN105243082B CN 105243082 B CN105243082 B CN 105243082B CN 201510564649 A CN201510564649 A CN 201510564649A CN 105243082 B CN105243082 B CN 105243082B
- Authority
- CN
- China
- Prior art keywords
- described image
- vector graphics
- scalable vector
- information
- unit
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Processing Or Creating Images (AREA)
Abstract
本申请公开了可缩放矢量图形图像的重组方法及重组装置。所述方法的一具体实施方式包括:获取可缩放矢量图形图像;将所述可缩放矢量图形图像分解为图像单元,并获取所述图像单元的位置信息;将所述图像单元加载至目的页面,根据所述位置信息确定所述图像单元在所述目的页面上的位置;在所述位置上合并所述图像单元,生成可缩放矢量图形重组图像。该实施方式提高了可缩放矢量图形图像在网页制作过程中的处理效率。
Description
技术领域
本申请涉及网络技术领域,具体涉及网络页面图像处理技术领域,尤其涉及可缩放矢量图形图像的重组方法及重组装置。
背景技术
可缩放矢量图形图像(Scalable Vector Graphics,SVG)是用于描述二维矢量图形的一种图形格式,可以任意缩放而不会产生失真,因此在移动终端(如手机、平板电脑等)中得到了广泛使用。随着HTML5(Hyper Text Markup Language,超文本标记语言;5表示第5版)的广泛应用,可缩放矢量图形图像在移动终端中的应用得到了进一步的加强。
移动终端具有便携式、功能全面等优点,在生产生活中的应用范围越来越广。由于移动终端的屏幕是各商家根据市场需要制定的,其显示属性(如尺寸和分辨率等)会根据商家对市场的判断而各自不同。对于网页制作公司而言,网页能够适用的移动终端越多,越能够提高对用户的覆盖率。由于移动终端的屏幕具有各种不同的显示属性,这就需要网页制作公司针对每一种移动终端的屏幕对网页进行调整,这些调整工作大多是重复的手动处理过程,工作烦琐,并且无法保证精度,尤其是对图片的调整而言。在一种屏幕内显示完好的网页,可能在另一种屏幕内出现图像显示错误、图像变形,甚至图像乱码等问题;而网页内容每时每刻都在发生变化,网页制作的工作量大,网页制作的效率不高。
发明内容
本申请提供了可缩放矢量图形图像的重组方法及重组装置,以解决可缩放矢量图形图像在网页制作过程中的处理效率低等不足。
一方面,本申请提供了一种可缩放矢量图形图像的重组方法,所述方法包括:
获取可缩放矢量图形图像;
将所述可缩放矢量图形图像分解为图像单元,并获取所述图像单元的位置信息;
将所述图像单元加载至目的页面,根据所述位置信息确定所述图像单元在所述目的页面上的位置;
在所述位置上合并所述图像单元,生成可缩放矢量图形重组图像。
第二方面,本申请提供了一种可缩放矢量图形图像的重组装置,所述装置包括:
图像获取单元,用于获取可缩放矢量图形图像;
位置信息获取单元,用于将所述可缩放矢量图形图像分解为图像单元,并获取所述图像单元的位置信息;
位置确定单元,用于将所述图像单元加载至目的页面,根据所述位置信息确定所述图像单元在所述目的页面上的位置;
图像重组单元,用于在所述位置上合并所述图像单元,生成可缩放矢量图形重组图像。
本申请提供的可缩放矢量图形图像的重组方法及重组装置,将可缩放矢量图形图像分解为图像单元,并记录了图像单元的位置信息,保证了图像单元之间的相互位置关系;然后将图像单元加载到目的页面,根据位置信息确定图像单元在目的页面的位置,提高了图像单元在目的页面上的加载效率和定位精度;最后将处理后的图像单元重组为可缩放矢量图形重组图像,使得可缩放矢量图形重组图像保留了可缩放矢量图形图像的图像特性。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本申请的其它特征、目的和优点将会变得更明显:
图1是本申请实施例1的可缩放矢量图形图像的重组方法的流程图;
图2是本申请实施例2的可缩放矢量图形图像的重组装置的组成结构图;
图3是本申请实施例3的图像单元从人形图像上划取图像单元的示意图;
图4是本申请实施例3的划取得到的图像单元;
图5是本申请实施例3的图像单元加载到网页上编辑的示意图。
具体实施方式
下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释相关发明,而非对该发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与有关发明相关的部分。
需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
实施例1
本实施例提供了一种可缩放矢量图形图像的重组方法,参考图1,示出了可缩放矢量图形图像的重组方法的一个实施例流程图100,本实施例所述重组方法100包括以下步骤:
步骤101:获取可缩放矢量图形图像;
实际中,可缩放矢量图形图像通常保存在图片服务器内,对某个可缩放矢量图形图像进行处理时,需要先从图片服务器将可缩放矢量图形图像下载至本地。
步骤102:将可缩放矢量图形图像分解为图像单元,并获取图像单元的位置信息;
要对可缩放矢量图形图像进行相应的处理,需要先将可缩放矢量图形图像分解为设定的图像单元,然后对每个图像单元进行单独处理。同时,为了保证处理后的图像单元在某些特征上的一致性,需要记录图像单元在可缩放矢量图形图像上的位置信息。
步骤103:将图像单元加载至目的页面,根据位置信息确定图像单元在目的页面上的位置;
图像单元被加载至目的页面(如网页或其他图像处理的页面)后,为了保持可缩放矢量图形图像原有的图像特性,需要保证图像单元之间的位置关系。通常,只要能确定某一个图像单元在目的页面上的位置,根据位置信息就能确定其他图像单元在目的页面的位置。
步骤104:在所述位置上合并图像单元,生成可缩放矢量图形重组图像。
上述步骤103确定了图像单元在目的页面上的位置,然后在此位置上可以单独对某个图像单元进行渲染或动画处理等操作,也可以对图像单元进行简单的放大、缩小、位移或修改颜色等操作。最后生成可缩放矢量图形重组图像。
本实施例方法将可缩放矢量图形图像分解为图像单元,并记录了图像单元的位置信息,保证了图像单元之间的相互位置关系;然后将图像单元加载到目的页面,根据位置信息确定图像单元在目的页面的位置,提高了图像单元在目的页面上的加载效率和定位精度;最后将处理后的图像单元重组为可缩放矢量图形重组图像,使得可缩放矢量图形重组图像保留了可缩放矢量图形图像的图像特性。
为了使可缩放矢量图形图像在被分解为图像单元后还具有可缩放矢量图形图像的特性,需要在得到图像单元后,记录图像单元的位置信息,具体的,步骤102中获取图像单元的位置信息包括:
步骤1021:在可缩放矢量图形图像上设置参考点;
要想得到位置信息,首先要设置参考点,以参考点为基准得到图像单元的位置信息。参考点可以设置在可缩放矢量图形图像的空白区域上,也可以是其他不影响对图像单元进行测量的位置。
步骤1022:测量图像单元上的指定点到参考点的绝对距离和绝对角度;
图像单元通常不是一个点,而是一个图形,因此,在设置完参考点后,也要在图像单元上设置各自的指定点(即基准点),通过测量各个指定点到参考点之间的绝对距离和绝对角度,能够精确定位图像单元与参考点的位置关系。
步骤1023:根据绝对距离和绝对角度得到图像单元在可缩放矢量图形图像上的绝对位置信息。
将绝对距离和绝对角度构成一个距离矢量,就得到了图像单元在可缩放矢量图形图像上的绝对位置信息。
得到绝对位置信息后,可以将图像单元加载到目的页面。此时,还需要在目的页面设置一个新的参考点,以便图像单元能到加载到对应的位置。而如果能够得到图像单元之间的相对位置关系,那么就可以省掉在目的页面设置新参考点的步骤,也可以避免将每个图像单元根据新参考点一个一个定位加载到目的页面,可以大大简化加载图像单元的过程。为此,还可以包括:
步骤1024:根据绝对位置信息测量图像单元之间的相对距离和相对角度;
相对距离和相对角度是在绝对位置信息的基础上得到的,能够保证可缩放矢量图形图像的整体结构。
步骤1025:根据相对距离和相对角度得到图像单元之间的相对位置信息。
得到图像单元之间的相对位置信息后,能够保证图像单元在当前尺寸下重组后仍然保持可缩放矢量图形图像的图像特性。但是,对于需要对图像单元的尺寸或距离等进行调整的情况,只有相对位置信息就无法保证可缩放矢量图形图像的图像特性了。为此,还需要获得当前图像单元的尺寸信息,建立起相对位置信息与尺寸信息的关联关系,具体包括:
步骤1026:测量图像单元的尺寸信息;
此处的尺寸信息可以为图像单元所占据的最小矩形的尺寸信息。
步骤1027:根据尺寸信息和相对位置信息得到图像单元的比例信息。
将尺寸信息与相对位置信息建立关联关系得到比例信息。比例信息表征了在当前相对位置信息的前提下,各个图像单元的尺寸应该是多少;或者,在当前图像单元的尺寸下,相对位置信息应该是多少。
得到上述信息后,为了便于图像单元被其他程序调用或单独被操作,还需要将每个图像单元单独保存为独立的文件。因此还包括将图像单元保存为可缩放矢量图形子图像的步骤。
上述完成了将可缩放矢量图形图像分解为图像单元,并得到位置信息的步骤,属于“拆解”过程;之后需要将图像单元在目的页面上进行“重组”的过程。具体的,步骤103包括:
步骤1031:选取一个图像单元设置在目的页面的指定位置;
如果目的页面是网页,则指定位置就是需要放置图像单元的位置;如果目的页面是图像编辑软件的操作页面,则指定位置就是操作页面的图像操作区。
步骤1032:根据指定位置和相对位置信息确定用于重组图像单元的初始位置;
当将一个图像单元设置在指定位置后,根据该图像单元与相对位置信息的对应关系,可以确定其他的图像单元在目的页面上的位置,即初始位置。初始位置是按照原来的图像单元之间的位置关系设定的,而在目的页面上还可能对图像单元进行各种操作(如制作动画效果等),这些操作可能会改变图像单元的位置。因此,此处得到的是初始位置。
步骤1033:将其余的图像单元对应设置在初始位置上。
之后,可以根据需要对图像单元进行调整并重组,步骤104具体包括:
步骤1041:为图像单元设置用于调整图像单元的大小的边框;
边框可以是矩形,形成于图像单元的外围,可以在矩形的四个角上设置用于改变图像单元整体大小的拖动点。还可以在矩形的每个边的中点设置用于改变图像单元横向或纵向比例的单侧调整点。
步骤1042:根据调整指令对边框进行调整,并将调整后的全部的图像单元重组成可缩放矢量图形重组图像。
此处的调整指令可以是对图像单元的位置、大小等进行调整的指令,也可以是对图像单元进行动画制作、渲染等操作的指令。具体的,根据调整指令对边框进行调整包括:根据调整指令对单个的图像单元的尺寸进行调整,和/或根据比例信息对全部图像单元构成的整体结构进行调整。
在重组图像单元前,还要确定是否全部的图像单元都被包含在内,为此还可以包括:根据位置信息检测可缩放矢量图形重组图像是否包含了全部的图像单元,若是,则生成可缩放矢量图形重组图像,否则,发出告警信息。
实施例2
本实施例与实施例1属于同一发明构思,本实施例提供了一种可缩放矢量图形图像的重组装置,参考图2,示出了可缩放矢量图形图像的重组装置200的组成结构图,本实施例的所述重组装置200包括:
图像获取单元201,用于获取可缩放矢量图形图像;
实际中,可缩放矢量图形图像通常保存在图片服务器内,对某个可缩放矢量图形图像进行处理时,需要先从图片服务器将可缩放矢量图形图像下载至本地。
位置信息获取单元202,用于将可缩放矢量图形图像分解为图像单元,并获取图像单元的位置信息;
要对可缩放矢量图形图像进行相应的处理,需要先将可缩放矢量图形图像分解为设定的图像单元,然后对每个图像单元进行单独处理。同时,为了保证处理后的图像单元在某些特征上的一致性,需要记录图像单元在可缩放矢量图形图像上的位置信息。
位置确定单元203,用于将图像单元加载至目的页面,根据位置信息确定图像单元在目的页面上的位置;
图像单元被加载至目的页面(如网页或其他图像处理的页面)后,为了保持可缩放矢量图形图像原有的图像特性,需要保证图像单元之间的位置关系。通常,只要能确定某一个图像单元在目的页面上的位置,根据位置信息就能确定其他图像单元在目的页面的位置。
图像重组单元204,用于在位置上合并图像单元,生成可缩放矢量图形重组图像。
位置确定单元203确定了图像单元在目的页面上的位置,然后在此位置上可以单独对某个图像单元进行渲染或动画处理等操作,也可以对图像单元进行简单的放大、缩小、位移或修改颜色等操作。最后生成可缩放矢量图形重组图像。
为了使可缩放矢量图形图像在被分解为图像单元后还具有可缩放矢量图形图像的特性,需要在得到图像单元后,记录图像单元的位置信息,具体的,位置信息获取单元202包括:
参考点设置子单元2021,用于在可缩放矢量图形图像上设置参考点;
要想得到位置信息,首先要设置参考点,以参考点为基准得到图像单元的位置信息。参考点可以设置在可缩放矢量图形图像的空白区域上,也可以是其他不影响对图像单元进行测量的位置。
第一信息获取子单元2022,用于测量图像单元上的指定点到参考点的绝对距离和绝对角度;
图像单元通常不是一个点,而是一个图形,因此,在设置完参考点后,也要在图像单元上设置各自的指定点(即基准点),通过测量各个指定点到参考点之间的绝对距离和绝对角度,能够精确定位图像单元与参考点的位置关系。
绝对位置信息获取子单元2023,用于根据绝对距离和绝对角度得到图像单元在可缩放矢量图形图像上的绝对位置信息。
将绝对距离和绝对角度构成一个距离矢量,就得到了图像单元在可缩放矢量图形图像上的绝对位置信息。
得到绝对位置信息后,可以将图像单元加载到目的页面。此时,还需要在目的页面设置一个新的参考点,以便图像单元能到加载到对应的位置。而如果能够得到图像单元之间的相对位置关系,那么就可以省掉在目的页面设置新参考点的步骤,也可以避免将每个图像单元根据新参考点一个一个定位加载,可以大大简化加载图像单元的过程。因此,位置信息获取单元202还可以包括:
第二信息获取子单元2024,用于根据绝对位置信息测量图像单元之间的相对距离和相对角度;
相对距离和相对角度是在绝对位置信息的基础上得到的,能够保证可缩放矢量图形图像的整体结构。
相对位置信息获取子单元2025,用于根据相对距离和相对角度得到图像单元之间的相对位置信息。
得到图像单元之间的相对位置信息后,能够保证图像单元在当前尺寸下重组后仍然保持可缩放矢量图形图像的图像特性。但是,对于需要对图像单元的尺寸或距离进行调整的情况,只有相对位置信息就无法保证可缩放矢量图形图像的图像特性了。为此,还需要当前图像单元的尺寸信息,建立起相对位置信息与尺寸信息的关联关系。因此,位置信息获取单元202还可以包括:
尺寸信息获取子单元2026,用于测量图像单元的尺寸信息;此处的尺寸信息可以为图像单元所占据的最小矩形的尺寸信息。
比例信息获取子单元2027,用于根据尺寸信息和相对位置信息得到图像单元的比例信息。
将尺寸信息与相对位置信息建立关联关系得到比例信息。比例信息表征了在当前相对位置信息的前提下,各个图像单元的尺寸应该是多少;或者,在当前图像单元的尺寸下,相对位置信息应该是多少。
得到上述信息后,为了便于图像单元被其他程序调用或单独被操作,还需要将每个图像单元单独保存为独立的文件。因此,位置信息获取单元202还可以包括:
存储子单元2028,用于将图像单元保存为可缩放矢量图形子图像。
上述完成了将可缩放矢量图形图像分解为图像单元,并得到位置信息的步骤,属于“拆解”过程;之后需要将图像单元在目的页面上进行“重组”的过程。具体的,位置确定单元203包括:
第一设置子单元2031,用于选取一个图像单元设置在目的页面的指定位置;
如果目的页面是网页,则指定位置就是需要放置图像单元的位置;如果目的页面是图像编辑软件的操作页面,则指定位置就是操作页面的图像操作区。
初始位置获取子单元2032,用于根据指定位置和相对位置信息确定用于重组图像单元的初始位置;
当将一个图像单元设置在指定位置后,根据该图像单元与相对位置信息的对应关系,可以确定其他的图像单元在目的页面上的位置,即初始位置。初始位置是按照原来的图像单元之间的位置关系设定的,而在目的页面上还可能对图像单元进行各种操作(如制作动画效果等),这些操作可能会改变图像单元的位置。因此,此处得到的是初始位置。
第二设置子单元2033,用于将其余的图像单元对应设置在初始位置上。
之后,可以根据需要对图像单元进行调整并重组,图像重组单元204包括:
边框生成子单元2041,用于为图像单元设置用于调整图像单元的大小的边框;
边框可以是矩形,形成于图像单元的外围,可以在矩形的四个角上设置用于改变图像单元大小的拖动点。还可以在矩形的每个边的中点设置用于改变图像单元横向与纵向比例的单侧调整点。
可缩放矢量图形重组子单元2042,用于根据调整指令对边框进行调整,并将调整后的全部的图像单元重组成可缩放矢量图形重组图像。
此处的调整指令可以是对图像单元的位置、大小进行调整的指令,也可以是对图像单元进行动画制作、渲染等操作的指令。可缩放矢量图形重组子单元2042还包括:调整模块,用于根据调整指令对单个的图像单元的尺寸进行调整,和/或根据比例信息对全部图像单元构成的整体结构进行调整。
在重组图像单元前,还要确定是否全部的图像单元都被包含在内,因此,可缩放矢量图形重组子单元2042还包括:执行模块,用于根据位置信息检测可缩放矢量图形重组图像是否包含了全部的图像单元,若是,则生成可缩放矢量图形重组图像,否则,发出告警信息。
实施例3
以下通过一个实际场景对本申请进行详细说明。
本实施例的可缩放矢量图形图像选用一个人形图像,如图3所示,以对人形图像进行处理为例来对本申请进行详细说明,具体操作步骤包括:
步骤301:获取人形图像;
步骤302:将人形图像分解为图像单元,并获取图像单元的位置信息;
将人形图像的指定部分用区域分割线(图3中的点线)进行划取,该指定部分包含设定部分的区域。此处的设定部分将被提取为图像单元。图3中,区域分割线用于选取人形图像的腿部图形,首先用区域分割线划取包含腿部图形的区域(即指定部分),然后从中提取出腿部图形(即设定部分),如图4所示。类似的,将人形图像的每个部分都进行提取,得到全部的图像单元。需要说明的是,上述得到图像单元后,人形图像还会被保留,以便设置参考点等操作。
之后需要获得图像单元的位置信息,具体为,在人形图像的空白区域上设置一个参考点,参考点的具体位置优选选择设置在能够准确测量图像单元的距离和角度而不至于发生重叠混淆的位置。然后为每个图像单元也分别设置自己的指定点,并以参考点为坐标原点,测量指定点到参考点的绝对距离和绝对角度,这样就得到每个指定点到参考点的位置关系的距离矢量,即相对于参考点的绝对位置信息。绝对位置信息是依靠参考点才成立的,而设置不同的参考点,得到的每个图像单元的距离矢量也不同,这就使得图像单元的位置信息相对混乱。为此,可以在绝对位置信息的基础上得到图像单元之间的相对位置信息,具体为:根据绝对位置信息计算图像单元之间的相对距离和相对角度,根据相对距离和相对角度得到图像单元之间的相对位置信息,这样就建立了图像单元之间的位置关系,使得图像单元建立了一种整体性的结构。
图像单元在加载到其他页面时很可能会被编辑,如将图4中的腿部图形做成动画效果或适当变形,这就会影响到腿部图形与其他图像单元之间的位置关系。为了保证对图像单元处理后还能保留人形图像原有的图像特征(如各个部分之间的位置关系和比例关系等),需要得到相对位置信息对应的图像单元的尺寸信息,即,在当前相对位置信息的前提下,图像单元的尺寸是多大。此处的尺寸信息为图像单元占据的最小矩形的尺寸。根据相对位置信息和尺寸信息就得到了能够完整保留人形图像的特征的比例信息。最后,将图像单元各自保存为独立的SVG图像。
步骤303:将图像单元加载至目的页面,根据位置信息确定图像单元在目的页面上的位置;
目的页面可以是网页,也可以是其他图像处理程序的页面,此处以网页为例,并且,在将图像单元加载到网页前,对图像单元重新着色并增加动画效果。首先,确定加载图像单元的位置,将一个图像单元加载到该位置;然后,根据相对位置信息确定其他的图像单元在该网页上的对应位置,即初始位置;最后将其他图像单元加载到网页的初始位置上,如图5所示。
步骤304:在位置上合并图像单元,生成人形图像重组图像。
动画效果操作会使图像单元发生位移或旋转,为了便于操作,可以为每个图像单元生成一个边框,通过对边框的移动或旋转实现对图像单元的位移或旋转,之后通过比例信息对全部的图像单元都进行放大或缩小等操作。
经上述操作后,可以将图像单元进行重组。当图像文件很多,不易进行计数或区别时,不易确保人形图像的完整性,由于位置信息包含的相对位置信息对全部的图像单元进行了标记,因此,可以通过位置信息对图像单元的完整性进行检测。当检测结果为全部的图像单元都存在时,将全部的图像单元重组为人形重组图像;当不包含全部的图像单元时,通过声音或信息对话框发送告警。
附图中的流程图和框图,图示了按照本申请各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,所述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本申请实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中,例如,可以描述为:一种处理器包括图像获取单元、位置信息获取单元、位置确定单元、图像重组单元。其中,这些单元的名称在某种情况下并不构成对该单元本身的限定。
作为另一方面,本申请还提供了一种计算机可读存储介质,该计算机可读存储介质可以是上述实施例中所述装置中所包含的计算机可读存储介质;也可以是单独存在,未装配入终端中的计算机可读存储介质。所述计算机可读存储介质存储有一个或者一个以上程序,所述程序被一个或者一个以上的处理器用来执行描述于本申请的可缩放矢量图形图像的重组方法。
以上描述仅为本申请的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本申请中所涉及的发明范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离所述发明构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本申请中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
Claims (18)
1.一种可缩放矢量图形图像的重组方法,其特征在于,所述方法包括:
获取可缩放矢量图形图像;
将所述可缩放矢量图形图像分解为图像单元,并获取所述图像单元的位置信息;
将所述图像单元加载至目的页面,根据所述位置信息确定所述图像单元在所述目的页面上的位置;
在所述位置上合并所述图像单元,生成可缩放矢量图形重组图像。
2.根据权利要求1所述的方法,其特征在于,所述获取所述图像单元的位置信息包括:
在所述可缩放矢量图形图像上设置参考点;
测量所述图像单元上的指定点到所述参考点的绝对距离和绝对角度;
根据所述绝对距离和绝对角度得到所述图像单元在所述可缩放矢量图形图像上的绝对位置信息。
3.根据权利要求2所述的方法,其特征在于,所述获取所述图像单元的位置信息还包括:
根据所述绝对位置信息测量所述图像单元之间的相对距离和相对角度;
根据所述相对距离和相对角度得到所述图像单元之间的相对位置信息。
4.根据权利要求3所述的方法,其特征在于,所述获取所述图像单元的位置信息还包括:
测量所述图像单元的尺寸信息;
根据所述尺寸信息和所述相对位置信息得到图像单元的比例信息。
5.根据权利要求1所述的方法,其特征在于,在所述获取所述图像单元的位置信息之后还包括:将所述图像单元保存为可缩放矢量图形子图像。
6.根据权利要求3所述的方法,其特征在于,所述根据所述位置信息确定所述图像单元在所述目的页面上的位置包括:
选取一个所述图像单元设置在所述目的页面的指定位置;
根据所述指定位置和相对位置信息确定用于重组所述图像单元的初始位置;
将其余的所述图像单元对应设置在所述初始位置上。
7.根据权利要求4所述的方法,其特征在于,所述合并所述图像单元,生成可缩放矢量图形重组图像包括:
为所述图像单元设置用于调整所述图像单元的大小的边框;
根据调整指令对所述边框进行调整,并将调整后的全部的所述图像单元重组成可缩放矢量图形重组图像。
8.根据权利要求7所述的方法,其特征在于,所述根据调整指令对所述边框进行调整包括:
根据调整指令对单个的所述图像单元的尺寸进行调整,和/或根据所述比例信息对全部所述图像单元构成的整体结构进行调整。
9.根据权利要求7所述的方法,其特征在于,所述将调整后的全部的所述图像单元重组成可缩放矢量图形重组图像包括:
根据所述位置信息检测所述可缩放矢量图形重组图像是否包含了全部的所述图像单元,若是,则生成可缩放矢量图形重组图像,否则,发出告警信息。
10.一种可缩放矢量图形图像的重组装置,其特征在于,所述装置包括:
图像获取单元,用于获取可缩放矢量图形图像;
位置信息获取单元,用于将所述可缩放矢量图形图像分解为图像单元,并获取所述图像单元的位置信息;
位置确定单元,用于将所述图像单元加载至目的页面,根据所述位置信息确定所述图像单元在所述目的页面上的位置;
图像重组单元,用于在所述位置上合并所述图像单元,生成可缩放矢量图形重组图像。
11.根据权利要求10所述的装置,其特征在于,所述位置信息获取单元包括:
参考点设置子单元,用于在所述可缩放矢量图形图像上设置参考点;
第一信息获取子单元,用于测量所述图像单元上的指定点到所述参考点的绝对距离和绝对角度;
绝对位置信息获取子单元,用于根据所述绝对距离和绝对角度得到所述图像单元在所述可缩放矢量图形图像上的绝对位置信息。
12.根据权利要求11所述的装置,其特征在于,所述位置信息获取单元还包括:
第二信息获取子单元,用于根据所述绝对位置信息测量所述图像单元之间的相对距离和相对角度;
相对位置信息获取子单元,用于根据所述相对距离和相对角度得到所述图像单元之间的相对位置信息。
13.根据权利要求12所述的装置,其特征在于,所述位置信息获取单元还包括:
尺寸信息获取子单元,用于测量所述图像单元的尺寸信息;
比例信息获取子单元,用于根据所述尺寸信息和所述相对位置信息得到图像单元的比例信息。
14.根据权利要求10所述的装置,其特征在于,所述位置信息获取单元还包括:
存储子单元,用于将所述图像单元保存为可缩放矢量图形子图像。
15.根据权利要求12所述的装置,其特征在于,所述位置确定单元包括:
第一设置子单元,用于选取一个所述图像单元设置在所述目的页面的指定位置;
初始位置获取子单元,用于根据所述指定位置和相对位置信息确定用于重组所述图像单元的初始位置;
第二设置子单元,用于将其余的所述图像单元对应设置在所述初始位置上。
16.根据权利要求13所述的装置,其特征在于,所述图像重组单元包括:
边框生成子单元,用于为所述图像单元设置用于调整所述图像单元的大小的边框;
可缩放矢量图形重组子单元,用于根据调整指令对所述边框进行调整,并将调整后的全部的所述图像单元重组成可缩放矢量图形重组图像。
17.根据权利要求16所述的装置,其特征在于,所述可缩放矢量图形重组子单元包括:
调整模块,用于根据调整指令对单个的所述图像单元的尺寸进行调整,和/或根据所述比例信息对全部所述图像单元构成的整体结构进行调整。
18.根据权利要求16所述的装置,其特征在于,所述可缩放矢量图形重组子单元还包括:
执行模块,用于根据所述位置信息检测所述可缩放矢量图形重组图像是否包含了全部的所述图像单元,若是,则生成可缩放矢量图形重组图像,否则,发出告警信息。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510564649.0A CN105243082B (zh) | 2015-09-07 | 2015-09-07 | 可缩放矢量图形图像的重组方法及重组装置 |
PCT/CN2015/098226 WO2017041383A1 (zh) | 2015-09-07 | 2015-12-22 | 可缩放矢量图形图像的重组方法及重组装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510564649.0A CN105243082B (zh) | 2015-09-07 | 2015-09-07 | 可缩放矢量图形图像的重组方法及重组装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN105243082A CN105243082A (zh) | 2016-01-13 |
CN105243082B true CN105243082B (zh) | 2018-11-30 |
Family
ID=55040731
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510564649.0A Active CN105243082B (zh) | 2015-09-07 | 2015-09-07 | 可缩放矢量图形图像的重组方法及重组装置 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN105243082B (zh) |
WO (1) | WO2017041383A1 (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110287431B (zh) * | 2019-06-27 | 2021-08-24 | 北京金山安全软件有限公司 | 图像文件的加载方法、装置、电子设备和存储介质 |
CN115858401B (zh) * | 2023-02-27 | 2023-05-16 | 成都光合信号科技有限公司 | 页面检测方法、装置、电子设备及存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102930001A (zh) * | 2012-10-26 | 2013-02-13 | 北京法兰奇科技有限责任公司 | 互联网web页面的物品图像立体高清放大展示方法 |
CN103226471A (zh) * | 2013-03-21 | 2013-07-31 | 南京工业大学 | 一种基于svg的固件图形用户界面的设计方法 |
CN103955549A (zh) * | 2014-05-26 | 2014-07-30 | 重庆大学 | 基于SVG的WebGIS系统及其数据录入和查询方法 |
CN104680421A (zh) * | 2013-11-26 | 2015-06-03 | 浙江大华系统工程有限公司 | 一种可伸缩矢量图形svg显示方法及装置 |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20020109729A1 (en) * | 2000-12-14 | 2002-08-15 | Rabindranath Dutta | Integrating content with virtual advertisements using vector graphics images obtainable on the web |
CN100536567C (zh) * | 2006-08-25 | 2009-09-02 | 中山大学 | 一种矢量图形数据传输方法 |
-
2015
- 2015-09-07 CN CN201510564649.0A patent/CN105243082B/zh active Active
- 2015-12-22 WO PCT/CN2015/098226 patent/WO2017041383A1/zh active Application Filing
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102930001A (zh) * | 2012-10-26 | 2013-02-13 | 北京法兰奇科技有限责任公司 | 互联网web页面的物品图像立体高清放大展示方法 |
CN103226471A (zh) * | 2013-03-21 | 2013-07-31 | 南京工业大学 | 一种基于svg的固件图形用户界面的设计方法 |
CN104680421A (zh) * | 2013-11-26 | 2015-06-03 | 浙江大华系统工程有限公司 | 一种可伸缩矢量图形svg显示方法及装置 |
CN103955549A (zh) * | 2014-05-26 | 2014-07-30 | 重庆大学 | 基于SVG的WebGIS系统及其数据录入和查询方法 |
Non-Patent Citations (1)
Title |
---|
"基于SVG的文物图像存储与展示系统的设计与实现";沈洪;《万方数据库》;20110928;全文 * |
Also Published As
Publication number | Publication date |
---|---|
WO2017041383A1 (zh) | 2017-03-16 |
CN105243082A (zh) | 2016-01-13 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9805483B2 (en) | Enhanced recognition of charted data | |
US10474900B2 (en) | Real-time tracking-compensated image effects | |
CN104850388B (zh) | 网页绘制方法及装置 | |
US20100171757A1 (en) | Referencing a map to the coordinate space of a positioning system | |
JP2009129410A (ja) | 二次元コード付き画像情報とその生成装置と印刷装置と読み取り方法と読み取り装置と読み取りプログラムと記録媒体 | |
CN109726647A (zh) | 点云的标注方法、装置、计算机设备和存储介质 | |
CN109600544B (zh) | 一种局部动态影像生成方法及装置 | |
CN106055295A (zh) | 图片处理方法、图片绘制方法及装置 | |
CN105243082B (zh) | 可缩放矢量图形图像的重组方法及重组装置 | |
CN110163866A (zh) | 一种图像处理方法、电子设备及计算机可读存储介质 | |
CN106021353A (zh) | 一种网页的显示适配方法及系统 | |
CN106097428B (zh) | 三维模型测量信息的标注方法及装置 | |
WO2023071861A1 (zh) | 数据可视化展示方法、装置、计算机设备和存储介质 | |
CN108320322A (zh) | 动画数据处理方法、装置、计算机设备和存储介质 | |
Song et al. | Mosaicking UAV orthoimages using bounded Voronoi diagrams and watersheds | |
CN110782504A (zh) | 曲线确定方法、装置、计算机可读存储介质及设备 | |
US20180137548A1 (en) | Self-adaptive electronic bill implementation method and system | |
CN116486126B (zh) | 一种模版确定方法、装置、设备及存储介质 | |
CN111125564B (zh) | 热力图生成方法、装置、计算机设备及存储介质 | |
CN114637731A (zh) | 一种基于svg文件的格式转换方法及装置 | |
Du et al. | A simple spatial domain algorithm to increase the residues of wrapped phase maps | |
Nunes et al. | iCorrVision-3D: An integrated python-based open-source Digital Image Correlation Software for in-plane and out-of-plane measurements (Part 2) | |
Pavanaskar et al. | Filling trim cracks on GPU-rendered solid models | |
US10284830B2 (en) | 3D laser projection of part locations onto communication or utility poles or other structures | |
Du et al. | Improved phase-unwrapping method using geometric constraints |
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 |