CN107918944A - 一种图片色彩填充方法及装置 - Google Patents
一种图片色彩填充方法及装置 Download PDFInfo
- Publication number
- CN107918944A CN107918944A CN201610881263.7A CN201610881263A CN107918944A CN 107918944 A CN107918944 A CN 107918944A CN 201610881263 A CN201610881263 A CN 201610881263A CN 107918944 A CN107918944 A CN 107918944A
- Authority
- CN
- China
- Prior art keywords
- color
- picture
- page
- edited
- drawing object
- 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.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/40—Filling a planar surface by adding surface attributes, e.g. colour or texture
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明公开了一种图片色彩填充方法及装置,涉及计算机技术领域,主要目的在于通过在页面编辑器中选定待处理的图形对象并利用图形编辑器向该图形对象中填充颜色,以此解决现有的页面编辑器无法直接对页面中的图片填充颜色的问题。本发明主要的技术方案为:获取页面编辑器中待编辑图片内具有单一颜色的色块轮廓信息;根据所述色块轮廓信息确定待处理图形对象;利用所述页面编辑器中的图形编辑器对所述待处理图形对象填充颜色。本发明主要用于在页面编辑过程中对页面内的图片填充颜色。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种图片色彩填充方法及装置。
背景技术
随着信息技术的发展,数字化信息的存储于处理技术将成为当前以及未来的主流技术。而图片作为信息的一种重要载体,图片的数字化也越来越受到重视。目前,将图片存储为数据主要有两种方案:位图与矢量图。位图,也被称为光栅图。即是以自然光学的眼光将图片看成在平面上密集排布的点的集合。每个点发出的光有独立的频率和强度,反映在视觉上,就是颜色和亮度。这些信息有不同的编码方案,在互联网上最常见的就是RGB(红、绿、蓝)色彩模式。根据需要,编码后的信息可以有不同的位(bit)数--位深。位数越高,颜色越清晰,对比度越高,占用的空间也越大。另一项决定位图的精细度的是其中点的数量。一个位图文件就是所有构成其的点的数据的集合,它的大小自然就等于点数乘以位深。位图格式是一个庞大的家族,包括常见的JPEG/JPG,GIF,TIFF,PNG,BMP等。
第二种方案为矢量图。它用抽象的视角看待图形,记录其中展示的模式而不是各个点的原始数据。它将图片看成各个"对象"的组合,用曲线记录对象的轮廓,用某种颜色的模式描述对象内部的图案(如用梯度描述渐变色)。比如一张留影,被看成各个人物和背景中各种景物的组合。这种更高级的视角,正是人类看世界时在意识里的反映。矢量图格式有SVG,AI(Adobe Illustrator),CDR(CorelDRAW),PDF,SWF,VML等等。
由于矢量图记录的是图形的特征,图形的尺寸任意变化时,都只是做着相似变换,不会出现模糊和失真,因此矢量图具有完美的伸缩性。再结合其存储空间小的特点,矢量图已被广泛应用于网页制作中。然而,在目前的网页制作过程中页面编辑器对于所导入矢量图的编辑仅为对图片大小及位置的调整,对于图片本身的修改也仅限于整体亮度、对比度的调节,而要改变图片中某一区域的颜色则需要将该图片导出,使用专业制图软件修改,再将修改后的图片重新导入页面。使得网页制作人员掌握必要的专业制图软件的应用能力,增加了网页制作的门槛。
发明内容
有鉴于此,本发明提供一种图片色彩填充方法及装置,通过在页面编辑器中选定待处理的图形对象并利用图形编辑器向该图形对象中填充颜色,以此解决现有的页面编辑器无法直接对页面中的图片填充颜色的问题。
为达到上述目的,本发明提供如下技术方案:
依据本发明的一个方面,提出了一种图片色彩填充方法,该方法包括:
获取页面编辑器中待编辑图片内具有单一颜色的色块轮廓信息;
根据所述色块轮廓信息确定待处理图形对象;
利用所述页面编辑器中的图形编辑器对所述待处理图形对象填充颜色。
依据本发明的另一个方面,提出了一种图片色彩填充装置,该装置包括:
获取单元,用于获取页面编辑器中待编辑图片内具有单一颜色的色块轮廓信息;
确定单元,用于根据所述获取单元获取的色块轮廓信息确定待处理图形对象;
填充单元,用于利用所述页面编辑器中的图形编辑器对所述确定单元确定的待处理图形对象填充颜色。
本发明所采用的一种图片色彩填充方法及装置,在页面编辑的过程中,通过获取页面中的图片并解析该图片中所包含的色块轮廓信息,将图片分解为多个色块对象,并确定需要填充颜色的对象,再利用页面编辑器中的图形编辑器对该对象进行颜色填充,从而实现在页面编辑中对图片内不同对象的颜色填充。与现有的页面编辑过程相比,本发明能够在页面编辑的状态下利用页面编辑器中的图形编辑器直接对页面中的图片进行颜色的填充,简化了页面编辑过程中处理图片的相关步骤,同时也减少了页面制作人员所必须掌握的专业知识。并且本发明在对图片内的对象进行采集时,不需要区分图片的格式是位图或者矢量图,因此,能够适用于所有格式的图片。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了本发明实施例提出的一种图片色彩填充方法流程图;
图2示出了本发明实施例提出的另一种图片色彩填充方法流程图;
图3示出了本发明实施例中包含有图形对象的图片;
图4示出了本发明实施例提出的一种图片色彩填充装置的组成框图;
图5示出了本发明实施例提出的另一种图片色彩填充装置的组成框图。
具体实施方式
下面将参照附图更详细地描述本发明的示例性实施例。虽然附图中显示了本发明的示例性实施例,然而应当理解,可以以各种形式实现本发明而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本发明,并且能够将本发明的范围完整的传达给本领域的技术人员。
本发明实施例提供了一种图片色彩填充方法,该方法主要应用于网页页面编辑中,特别是编辑网页页面中的图片,为该图片的局部进行不同颜色的填充,实现在页面编辑的状态下修改图片中的部分内容。页面编辑器是在网页页面编辑过程中的重要工具,尤其是可视化页面编辑器可以更加直观便捷的对页面中的对象进行排版、编辑。目前页面中的内容主要包括文字与图片,因此,页面编辑器主要是对页面中的文字与图片进行排版与编辑。然而,现有的页面编辑器对于图片的处理更多的只是对图片的位置、大小进行的编辑,而对于图片中的具体内容的修改则无法做到,本发明实施例则是针对现有页面编辑器中的不足进行的改进,该方法具体步骤如图1所示,包括:
101、获取页面编辑器中待编辑图片内具有单一颜色的色块轮廓信息。
一般在制作页面时,一张页面内往往具有多张的图片,因此,要编辑图片首先应选取待编辑图片。本发明实施例中对于待编辑图片的确定方式提供两种选取模式:一种是根据编辑用户的指令进行选取,称为被动选取模式;另一种是在图片被导入时,直接提示编辑用户是否需要对该图片进行编辑,此种方式称为主动选取模式。此外,也可以将两种模式相结合,在页面编辑器导入图片时,先采用主动模式选定该图片,并等待编辑用户的进一步指令,若编辑用户当前不需要对该图片进行颜色的填充,则放弃所选中的图片,即关闭主动选取模式。与此同时,开启被动选取模式,当编辑用户需要修改该图片时,则根据编辑用户选中的指令来确定该图片为带编辑图片。
在确定出页面中的待编辑图片后,将对该带编辑图片中的色块轮廓信息进行采集。图片可以看成是由多种颜色的色块进行拼接组合所构成的。不论是位图或者是矢量图,相对于位图而言,位图中的每一个像素点都具有单一的颜色,因此,可以将具有相同颜色,且相邻的像素点组合成色块,该色块的轮廓信息就是所要采集的色块轮廓信息。而对于矢量图而言,由于矢量图记录的就是图形的额特征,其可以看成是由多个对象的所组成的,并且其中的每一个对象都是具有单一颜色的图形对象,因此,矢量图中每一个对象都可以看成是一个具有单一颜色的色块。而获取该对象的形状信息就是所需采集的色块轮廓信息。
需要特别说明的是,单一颜色的色块轮廓信息是指在图片中每个单独的色块轮廓,而不是所有具有相同颜色的色块轮廓的集合。例如,图中具有相同颜色的色块有3个,那么在获取色块轮廓信息时,就是分别获取这3个色块的轮廓信息,而不是将这3个色块的轮廓生成一个轮廓信息进行采集。
102、根据色块轮廓信息确定待处理图形对象。
将上述所获取的具有单一颜色的色块轮廓信息进行单独保存,待编辑图片就可以看成是所获取的所有信息的集合。在本步骤中,则需要确定对待编辑图片中的哪些部分进行处理,将需要处理的部分定义为待处理图形对象。
其中,待处理图形对象可以是单个色块,也可以是多个色块的组合色块。当为单个色块时,待处理图形对象就为单色的图形对象,而为多个色块组合时,待处理图形对象就是一个具有多种颜色的图形对象。
103、利用页面编辑器中的图形编辑器对待处理图形对象填充颜色。
其中,图形编辑器是嵌入在页面编辑器中的一个功能模块,通过图形编辑器可以实现在页面编辑器中对图形的编辑操作,包括对图形的缩放、旋转,从图片中提取图形对象,设置图片的相关属性(如图片被点击是是否全页面显示,图片内容的显示效果等),以及图片的颜色调节等。在本实施例中,嵌入页面编辑器内的图形编辑器具有全色域的颜色调节功能。通过图形编辑器内所提供的调色板,可以任意调节所需的颜色,并将选中的颜色填充至待处理图形对象中,改变该图形对象的颜色。
需要特别说明的是,在现有的页面编辑其中也有嵌入图形编辑器进行图片修改的功能,但是现有的所嵌入的图形编辑器的功能相对单一,大多只能对整幅图片进行修改,而不能进行局部的调节,并且少数能够进行局部调节的图形编辑器其针对的全部是矢量图,也就是说,页面中的图片格式必须是矢量图格式。但是,由于矢量图的格式众多,而每种格式的矢量图都有自己相对应的图形处理软件,可见不同格式的矢量图在处理时会存在较大的差异。而制作能够处理多种矢量图的图形编辑器虽然从理论上可以实现,但是这种图形编辑器所需要的处理与存储资源将十分巨大,不适合嵌入在页面编辑器中,因此,现有的图形编辑器基本都是只能针对某一种格式的矢量图进行处理。而本发明实施例中图形编辑器所处理的是从图片中提取出来的色块轮廓信息,而色块轮廓信息的采集则不区分图片的格式是位图或者是矢量图,因此,该图形编辑器对页面中的图片格式并没有具体的限定,这就使得本发明实施例中的图形编辑器适用性更广,能够适用于更多的页面编辑场景,匹配更多的页面编辑器。
可见,本发明实施例提供的一种图片色彩填充方法,在页面编辑的过程中,通过获取页面中的图片并解析该图片中所包含的色块轮廓信息,将图片分解为多个色块对象,并确定需要填充颜色的对象,再利用页面编辑器中的图形编辑器对该对象进行颜色填充,从而实现在页面编辑中对图片内不同对象的颜色填充。与现有的页面编辑过程相比,本发明实施例能够在页面编辑的状态下利用页面编辑器中的图形编辑器直接对页面中的图片进行颜色的填充,简化了页面编辑过程中处理图片的相关步骤,同时也减少了页面制作人员所必须掌握的专业知识。并且本发明在对图片内的对象进行采集时,不需要区分图片的格式是位图或者矢量图,因此,能够适用于所有格式的图片。
进一步的,为了更加详细的说明上述的图片色彩填充方法在应用中的具体实现,本发明实施例还提供一种图片色彩填充方法,该方法将着重以SVG(Scalable VectorGraphics,可缩放的矢量图形)格式的图片为例作为待编辑图片进行说明,SVG是基于可扩展标记语言(XML,Extensible Markup Language),用于描述二维矢量图形的一种图形格式。为了保证网络图像能够顺利地和目前已经由W3C开发的DOM1,DOM2,CSS,XML,XPointer,XSLT,XSL,SMIL,HTML,XHTML技术,以及其他标准化技术,如ICC,URI,UNICODE,RGB,ECMAScript/JavaScript,Java协调一致,SVG是完全基于可扩展标记语言,并能和上述各项技术相融会的新一代的网络图像格式。因而,SVG图形也被广泛应用于网页页面的制作中。本发明实施例以SVG图形为例,是因为该格式的图形具有较强的代表性,并非限定本发明实施例应用于其他格式的图片。该方法如图2所示,具体包括:
201、获取页面编辑器中待编辑图片内具有单一颜色的色块轮廓信息。
首先需要确定带编辑图片的存储格式,通过判断待编辑图片的存储格式来确定对图片的具体处理方式。具体可以通过图片的后缀名进行判断。图片的存储格式一般分为:位图,常见的后缀名包括JPEG/JPG,GIF,TIFF,PNG,BMP等;矢量图,常见的后缀名包括SVG,AI,CDR,PDF,SWF,VML等。
当存储格式为位图格式时,则获取图片中相邻且具有相同颜色的像素点,将所得到的像素点组成色块,并将该色块的轮廓生成该图片内的一个具有单一颜色的色块轮廓信息。由于图片中不同颜色之间的色块不可能都是纯色的过渡,多存在一定过度颜色,这将导致色块轮廓变得不清晰,为此,在进行相同颜色的像素点划分时,对于相同颜色可以设定一个颜色色值的阈值区间,将在该阈值区间内的色值定义为相同的颜色。进一步的,为了配合上述色块轮廓的确定,还可以通过高斯模糊对图片进行预处理,使得图片中的颜色过渡更加清晰、平滑,从而更容易区分出不同颜色的色块,得到准确的色块轮廓信息。其中,高斯模糊的原理是根据高斯曲线调节象素点的色值,它是有选择地模糊图像。也就是说,高斯模糊能够把某一点周围的像素点色值按高斯曲线统计起来,采用数学上加权平均的计算方法得到这条曲线的色值,最后能够留下图形的轮廓。对于高斯模糊处理中具体的计算以及参数的调节与设置,本发明实施例不做具体限定,可根据实际情况进行具体调节。
当存储格式为矢量图SVG格式时,由于SVG图片本身就是以对象组合形式构成的图片,并且其中的每个对象都是具有单一颜色的图形,因此,对于SVG图片只需要提取其中的图形对象即可。具体的可以通过在页面编辑器中嵌入SVG格式的图片处理插件来实现。
202、根据色块轮廓信息确定待处理图形对象。
由于一张图片中的图形往往是由众多的色块轮廓信息所构成的,如图3所示,图中的熊猫经过色块轮廓信息的采集后,对于黑色色块的轮廓信息就包括:身体、鼻子、两只眼睛与一直耳朵这5个色块,由这5个色块构成了一个熊猫的图案。此时,如果是将整个熊猫图案作为待处理图形对象进行颜色的调整,那么就需要将这5个色块进行组合进行处理,当然也可以逐一色块地进行调整,但当组合的色块过多时,这种方式明显会比较繁琐、复杂。而如果只是想改变熊猫眼睛的颜色时,则可以将眼睛的两个色块相组合得到待处理图形对象,也可逐一调节,此时逐一调节的好处就是可以将两只眼睛设置成不同的颜色,而组合后则只能统一改变眼睛的颜色。
203、获取图形编辑器中的图形模板。
继续以图3中的熊猫为例,如果需要将熊猫耳朵的颜色改为红色,此时,熊猫的两只耳朵中一只为单独的色块,而另一只则与身体相连构成一个色块。而要将这只与身体相连的耳朵的图形轮廓单独提取出来,就需要利用页面编辑器中所嵌入的图形编辑器进行图形的切割。
本发明实施例中的图形编辑器内设置有图形模板,而图形模板的形状则可以自定义添加,可以是复杂的图案,也可以是简单的线框,甚至是线条。通过图形模板对图片进行切分,得到需要的部分图形。例如,可以使用简单的圆形线框就可以将熊猫的耳朵部分切割出来。
204、利用图形模板中的预置图形将待处理图形对象分割为多个子对象,并分别对不同子对象填充不同的颜色。
利用图形模板中的预置图形能够将一个图形对象分割为多个子对象,并且分别对不同的子对象进行各自的操作,比如,使用简单的圆形线框将熊猫的耳朵部分与身体部分分割后,就得到了熊猫身体与耳朵两个子对象,之后,便可以对熊猫的两只耳朵进行颜色的填充,同时也可以对身体部分填充其他的颜色,进一步的,通过使用图形模板,还可以将身体部分进行更加细致的分割,如四肢,嘴等。最终可以将一只黑白的熊猫制作成一只五颜六色的熊猫。
进一步的,图形编辑器在分割待处理图形对象的同时,也可以对图片中不同的图形对象进行拉伸缩放,进行更多的修改操作,从而改变图中原有的图案。也就是说,通过图形编辑器对图片的修改,完全可以实现在网页编辑器中将图3中的熊猫图案修改成一个花豹的图案,并且通过颜色的填充还可以使图案的色彩更加丰富,甚至是通过颜色的对比图片产生三维立体效果。
通过上述实施例的描述已经可以清楚完整地说明本发明实施例所提供的一种图片色彩填充方法的具体实现步骤以及对应的效果。以下,作为实现上述方法的具体装置,本发明实施例提供了一种图片色彩填充装置,如图4所示,该装置包括:
获取单元31,用于获取页面编辑器中待编辑图片内具有单一颜色的色块轮廓信息;
确定单元32,用于根据所述获取单元31获取的色块轮廓信息确定待处理图形对象;
填充单元33,用于利用所述页面编辑器中的图形编辑器对所述确定单元32确定的待处理图形对象填充颜色。
进一步的,如图5所示,所述填充单元33包括:
获取模块331,用于获取所述图形编辑器中的图形模板,所述图形模板中设置有预置图形;
分割模块332,用于利用所述获取模块331获取的预置图形将所述待处理图形对象分割为多个子对象;
填充模块333,用于分别对所述分割模块332划分的不同子对象填充不同的颜色。
进一步的,如图5所示,所述获取单元31包括:
判断模块311,用于判断所述待编辑图片的存储格式;
获取模块312,用于当所述判断模块311判断待编辑图片的存储格式为位图格式时,获取相邻且具有相同颜色的像素点;
生成模块313,用于根据所述获取模块312获取的像素点组成的色块轮廓生成所述待编辑图片内具有单一颜色的色块轮廓信息。
进一步的,如图5所示,所述获取单元31还包括:
处理模块314,用于在所述获取模块312获取相邻且具有相同颜色的像素点之前,利用高斯模糊处理不同色块间的色值,以使不同色块之间的轮廓清晰、平滑。
进一步的,所述确定单元32还用于,根据预置规则组合多个所述色块轮廓信息形成所述待处理图形对象。
综上所述,本发明实施例所提供的一种图片色彩填充方法及装置,在页面编辑的过程中,通过获取页面中的图片并解析该图片中所包含的色块轮廓信息,将图片分解为多个色块对象,并确定需要填充颜色的对象,再利用页面编辑器中的图形编辑器对该对象进行颜色填充,从而实现在页面编辑中对图片内不同对象的颜色填充。与现有的页面编辑过程相比,本发明实施例能够在页面编辑的状态下利用页面编辑器中的图形编辑器直接对页面中的图片进行颜色的填充,简化了页面编辑过程中处理图片的相关步骤,同时也减少了页面制作人员所必须掌握的专业知识。并且本发明在对图片内的对象进行采集时,不需要区分图片的格式是位图或者矢量图,因此,能够适用于所有格式的图片。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
可以理解的是,上述云端服务器及装置中的相关特征可以相互参考。另外,上述实施例中的“第一”、“第二”等是用于区分各实施例,而并不代表各实施例的优劣。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统,装置和单元的具体工作过程,可以参考前述云端服务器实施例中的对应过程,在此不再赘述。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的云端服务器、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本发明并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的云端服务器解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何云端服务器或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的发明名称(如确定网站内链接等级的装置)中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的云端服务器的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
Claims (10)
1.一种图片色彩填充方法,其特征在于,所述方法包括:
获取页面编辑器中待编辑图片内具有单一颜色的色块轮廓信息;
根据所述色块轮廓信息确定待处理图形对象;
利用所述页面编辑器中的图形编辑器对所述待处理图形对象填充颜色。
2.根据权利要求1所述方法,其特征在于,利用所述页面编辑器中的图形编辑器对所述待处理图形对象填充颜色包括:
获取所述图形编辑器中的图形模板,所述图形模板中设置有预置图形;
利用所述预置图形将所述待处理图形对象分割为多个子对象;
分别对不同子对象填充不同的颜色。
3.根据权利要求1所述方法,其特征在于,获取页面编辑器中待编辑图片内具有单一颜色的色块轮廓信息包括:
判断所述待编辑图片的存储格式;
当所述存储格式为位图格式时,获取相邻且具有相同颜色的像素点;
根据所述像素点组成的色块轮廓生成所述待编辑图片内具有单一颜色的色块轮廓信息。
4.根据权利要求3所述方法,其特征在于,在获取相邻且具有相同颜色的像素点之前,所述方法还包括:
利用高斯模糊处理不同色块间的色值,以使不同色块之间的轮廓清晰、平滑。
5.根据权利要求1-4中任一项所述方法,其特征在于,根据所述色块轮廓信息确定待处理图形对象包括:
根据预置规则组合多个所述色块轮廓信息形成所述待处理图形对象。
6.一种图片色彩填充装置,其特征在于,所述装置包括:
获取单元,用于获取页面编辑器中待编辑图片内具有单一颜色的色块轮廓信息;
确定单元,用于根据所述获取单元获取的色块轮廓信息确定待处理图形对象;
填充单元,用于利用所述页面编辑器中的图形编辑器对所述确定单元确定的待处理图形对象填充颜色。
7.根据权利要求6所述装置,其特征在于,所述填充单元包括:
获取模块,用于获取所述图形编辑器中的图形模板,所述图形模板中设置有预置图形;
分割模块,用于利用所述获取模块获取的预置图形将所述待处理图形对象分割为多个子对象;
填充模块,用于分别对所述分割模块划分的不同子对象填充不同的颜色。
8.根据权利要求6所述装置,其特征在于,所述获取单元包括:
判断模块,用于判断所述待编辑图片的存储格式;
获取模块,用于当所述判断模块判断待编辑图片的存储格式为位图格式时,获取相邻且具有相同颜色的像素点;
生成模块,用于根据所述获取模块获取的像素点组成的色块轮廓生成所述待编辑图片内具有单一颜色的色块轮廓信息。
9.根据权利要求8所述装置,其特征在于,所述获取单元还包括:
处理模块,用于在所述获取模块获取相邻且具有相同颜色的像素点之前,利用高斯模糊处理不同色块间的色值,以使不同色块之间的轮廓清晰、平滑。
10.根据权利要求6-9中任一项所述装置,其特征在于,所述确定单元还用于,根据预置规则组合多个所述色块轮廓信息形成所述待处理图形对象。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610881263.7A CN107918944B (zh) | 2016-10-09 | 2016-10-09 | 一种图片色彩填充方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610881263.7A CN107918944B (zh) | 2016-10-09 | 2016-10-09 | 一种图片色彩填充方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107918944A true CN107918944A (zh) | 2018-04-17 |
CN107918944B CN107918944B (zh) | 2021-08-31 |
Family
ID=61892197
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610881263.7A Active CN107918944B (zh) | 2016-10-09 | 2016-10-09 | 一种图片色彩填充方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107918944B (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108664718A (zh) * | 2018-04-23 | 2018-10-16 | 陕西学前师范学院 | 用于装饰设计中确定色彩的装置和方法 |
CN115937356A (zh) * | 2022-04-25 | 2023-04-07 | 北京字跳网络技术有限公司 | 图像处理方法、装置、设备及介质 |
CN119516039A (zh) * | 2024-10-30 | 2025-02-25 | 江西飞尚科技有限公司 | 一种复杂颜色图像个性化转换方法及系统 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1419679A (zh) * | 2000-03-14 | 2003-05-21 | 英特尔公司 | 估计文本颜色和图像的分割 |
US20070273710A1 (en) * | 1998-04-06 | 2007-11-29 | Ghislain Bossut Philippe J | Method and system for image templates |
CN104160690A (zh) * | 2012-03-14 | 2014-11-19 | 欧姆龙株式会社 | 区域提取结果的显示方法和图像处理装置 |
CN104636726A (zh) * | 2015-02-05 | 2015-05-20 | 深圳市中兴移动通信有限公司 | 一种图像色彩识别方法、装置及终端 |
CN105069466A (zh) * | 2015-07-24 | 2015-11-18 | 成都市高博汇科信息科技有限公司 | 基于数字图像处理的行人服饰颜色识别方法 |
-
2016
- 2016-10-09 CN CN201610881263.7A patent/CN107918944B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070273710A1 (en) * | 1998-04-06 | 2007-11-29 | Ghislain Bossut Philippe J | Method and system for image templates |
CN1419679A (zh) * | 2000-03-14 | 2003-05-21 | 英特尔公司 | 估计文本颜色和图像的分割 |
CN104160690A (zh) * | 2012-03-14 | 2014-11-19 | 欧姆龙株式会社 | 区域提取结果的显示方法和图像处理装置 |
CN104636726A (zh) * | 2015-02-05 | 2015-05-20 | 深圳市中兴移动通信有限公司 | 一种图像色彩识别方法、装置及终端 |
CN105069466A (zh) * | 2015-07-24 | 2015-11-18 | 成都市高博汇科信息科技有限公司 | 基于数字图像处理的行人服饰颜色识别方法 |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108664718A (zh) * | 2018-04-23 | 2018-10-16 | 陕西学前师范学院 | 用于装饰设计中确定色彩的装置和方法 |
CN115937356A (zh) * | 2022-04-25 | 2023-04-07 | 北京字跳网络技术有限公司 | 图像处理方法、装置、设备及介质 |
CN119516039A (zh) * | 2024-10-30 | 2025-02-25 | 江西飞尚科技有限公司 | 一种复杂颜色图像个性化转换方法及系统 |
Also Published As
Publication number | Publication date |
---|---|
CN107918944B (zh) | 2021-08-31 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111739128B (zh) | 一种目标视频生成方法和系统 | |
JP6483221B2 (ja) | 三次元コードの生成方法 | |
US8161368B2 (en) | Distributed processing when editing an image in a browser | |
CN110414519A (zh) | 一种图片文字的识别方法及其识别装置 | |
US20080225058A1 (en) | Effects applied to images in a browser | |
CN107402985B (zh) | 视频特效输出控制方法、装置及计算机可读存储介质 | |
EP2608056A1 (en) | Creating HTML/CSS representations of a geometric symbol | |
DE69932992T2 (de) | Systeme und Verfahren zur objektoptimierten Steuerung der Laserleistung | |
CN113112422B (zh) | 图像处理方法、装置、电子设备、计算机可读介质 | |
CN112102422B (zh) | 图像处理方法及装置 | |
US11868790B2 (en) | One-to-many automatic content generation | |
WO2025066457A1 (zh) | 图像生成处理方法及电子设备 | |
CN107918944A (zh) | 一种图片色彩填充方法及装置 | |
CN114997105A (zh) | 设计模板以及素材的生成方法、计算设备及存储介质 | |
US20040169664A1 (en) | Method and apparatus for applying alterations selected from a set of alterations to a background scene | |
Díaz et al. | Adaptive Cross‐sections of Anatomical Models | |
US9779529B2 (en) | Generating multi-image content for online services using a single image | |
CN117788352A (zh) | 图像的处理方法、系统和电子设备 | |
KR101984058B1 (ko) | 에스브이지파일 포맷을 이용한 템플릿 적용 시스템 및 방법 | |
CN111768823B (zh) | 基于svg元素医学表达式编辑方法、装置、设备和介质 | |
CN117011158A (zh) | 一种图像处理方法、装置及计算机可读存储介质 | |
JP2010146232A (ja) | 印刷設定適用プログラム、印刷制御プログラム、印刷設定適用装置および印刷設定適用方法 | |
KR102656674B1 (ko) | 타겟 스타일 및 타겟 색상 정보에 기반하여, 입력 이미지를 변환하는 방법 및 장치 | |
JP2016024495A (ja) | 情報処理装置、情報処理方法、プログラム | |
US8340427B2 (en) | Providing a symbol |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant | ||
TR01 | Transfer of patent right | ||
TR01 | Transfer of patent right |
Effective date of registration: 20220729 Address after: Room 801, 8th floor, No. 104, floors 1-19, building 2, yard 6, Jiuxianqiao Road, Chaoyang District, Beijing 100015 Patentee after: BEIJING QIHOO TECHNOLOGY Co.,Ltd. Address before: 100088 room 112, block D, 28 new street, new street, Xicheng District, Beijing (Desheng Park) Patentee before: BEIJING QIHOO TECHNOLOGY Co.,Ltd. Patentee before: Qizhi software (Beijing) Co.,Ltd. |