CN111612857B - 一种颜色获取方法、装置、电子设备及可读存储介质 - Google Patents
一种颜色获取方法、装置、电子设备及可读存储介质 Download PDFInfo
- Publication number
- CN111612857B CN111612857B CN202010470402.3A CN202010470402A CN111612857B CN 111612857 B CN111612857 B CN 111612857B CN 202010470402 A CN202010470402 A CN 202010470402A CN 111612857 B CN111612857 B CN 111612857B
- Authority
- CN
- China
- Prior art keywords
- point
- hue circle
- drawing area
- coordinate
- preset reference
- 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
- 238000000034 method Methods 0.000 title claims abstract description 29
- 238000012544 monitoring process Methods 0.000 claims description 4
- 238000004590 computer program Methods 0.000 claims description 3
- 239000003086 colorant Substances 0.000 description 13
- 238000004891 communication Methods 0.000 description 7
- 238000010586 diagram Methods 0.000 description 6
- 230000006870 function Effects 0.000 description 5
- 230000008859 change Effects 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
- 238000011161 development Methods 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 238000001228 spectrum Methods 0.000 description 2
- 238000006467 substitution reaction Methods 0.000 description 2
- 230000000295 complement effect Effects 0.000 description 1
- 238000005516 engineering process 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
- 238000012545 processing Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T7/00—Image analysis
- G06T7/90—Determination of colour characteristics
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Computer Vision & Pattern Recognition (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请提供了一种颜色获取方法、装置、电子设备及可读存储介质,其中该颜色获取方法包括:获取用户在绘图区域中进行点击操作时,操作点在绘图区域所在的坐标系中的第一坐标;绘图区域中设置有色相环;根据操作点的第一坐标和色相环的中心点的第二坐标,确定操作点与色相环的中心点的连线与色相环的中心点所在的预设参考线的夹角;根据操作点与色相环的中心点的连线与色相环的中心点所在的预设参考线的夹角以及色相环中颜色值的分布情况,确定操作点所对应的颜色值。本申请实施例通过精确获取绘图区域中每个点的颜色值,使得获取的颜色值更加准确。
Description
技术领域
本申请涉及计算机技术领域,尤其是涉及一种颜色获取方法、装置、电子设备及可读存储介质。
背景技术
网页画布是在网页中建立的可视的绘图区域,通过获取网页画布中自带的颜色像素,可以实现在网页画布上画出各种颜色的图像。
现有技术中,在使用网页画布中自带的颜色像素进行绘画时,通常在网页画布中输入颜色区域距离网页画布左上角的坐标值,以及要被提取的颜色区域的高度和宽度,便可以获取到当前颜色区域的颜色值。
然而在网页画布中自带的颜色像素与色环图中对应的颜色值存在偏差,获取的颜色并不准确。
发明内容
有鉴于此,本申请的目的在于提供一种颜色获取方法、装置、电子设备及可读存储介质,以获取准确的颜色。
第一方面,本申请实施例提供了一种颜色获取方法,包括:
获取用户在绘图区域中进行点击操作时,操作点在所述绘图区域所在的坐标系中的第一坐标;所述绘图区域中设置有色相环;
根据所述操作点在所述绘图区域所在的坐标系中的第一坐标和所述色相环的中心点在所述绘图区域所在的坐标系中的第二坐标,确定所述操作点与所述色相环的中心点的连线与所述色相环的中心点所在的预设参考线的夹角;
根据所述操作点与所述色相环的中心点的连线与所述色相环的中心点所在的预设参考线的夹角以及所述色相环中颜色值的分布情况,确定所述操作点所对应的颜色值。
结合第一方面,本申请实施例提供了第一方面的第一种可能的实施方式,其中,所述获取用户在绘图区域中进行点击操作时,操作点在所述绘图区域所在的坐标系中的第一坐标,包括:
利用网页脚本代码监听到用户在绘图区域中进行点击操作时,获取操作点在所述绘图区域所在的坐标系中的第一坐标。
结合第一方面,本申请实施例提供了第一方面的第二种可能的实施方式,其中,所述根据所述操作点在所述绘图区域所在的坐标系中的第一坐标和所述色相环的中心点在所述绘图区域所在的坐标系中的第二坐标,确定所述操作点与所述色相环的中心点的连线与所述色相环的中心点所在的预设参考线的夹角,包括:
将所述色相环的中心点所在的直线中平行于所述绘图区域所在的坐标系的横向坐标轴的直线确定为所述色相环的中心点所在的预设参考线;
根据所述操作点在所述绘图区域所在的坐标系中的第一坐标、所述色相环的中心点在所述绘图区域所在的坐标系中的第二坐标以及所述预设参考线,确定所述操作点与所述色相环的中心点的连线与所述色相环的中心点所在的预设参考线的夹角。
结合第一方面的第二种可能的实施方式,本申请实施例提供了第一方面的第三种可能的实施方式,其中,所述根据所述操作点与所述色相环的中心点的连线与所述色相环的中心点所在的预设参考线的夹角以及所述色相环中颜色值的分布情况,确定所述操作点所对应的颜色值,包括:
获取所述预设参考线上的点的颜色值;
根据所述操作点与所述色相环的中心点的连线与所述色相环的中心点所在的预设参考线的夹角以及所述预设参考线上的点的颜色值,确定所述操作点所对应的颜色值。
第二方面,本申请实施例还提供颜色获取装置,包括:
第一获取模块,用于获取用户在绘图区域中进行点击操作时,操作点在所述绘图区域所在的坐标系中的第一坐标;所述绘图区域中设置有色相环;
第一确定模块,用于根据所述操作点在所述绘图区域所在的坐标系中的第一坐标和所述色相环的中心点在所述绘图区域所在的坐标系中的第二坐标,确定所述操作点与所述色相环的中心点的连线与所述色相环的中心点所在的预设参考线的夹角;
第二确定模块,用于根据所述操作点与所述色相环的中心点的连线与所述色相环的中心点所在的预设参考线的夹角以及所述色相环中颜色值的分布情况,确定所述操作点所对应的颜色值。
结合第二方面,本申请实施例提供了第二方面的第一种可能的实施方式,其中,第一获取模块,具体用于利用网页脚本代码监听到用户在绘图区域中进行点击操作时,获取操作点在所述绘图区域所在的坐标系中的第一坐标。
结合第二方面,本申请实施例提供了第二方面的第二种可能的实施方式,其中,所述第一确定模块包括:
第三确定模块,用于将所述色相环的中心点所在的直线中平行于所述绘图区域所在的坐标系的横向坐标轴的直线确定为所述色相环的中心点所在的预设参考线;
第四确定模块,用于根据所述操作点在所述绘图区域所在的坐标系中的第一坐标、所述色相环的中心点在所述绘图区域所在的坐标系中的第二坐标以及所述预设参考线,确定所述操作点与所述色相环的中心点的连线与所述色相环的中心点所在的预设参考线的夹角。
结合第二方面的第二种可能的实施方式,本申请实施例提供了第二方面的第三种可能的实施方式,其中,所述第二确定模块包括:
第五确定模块,用于获取所述预设参考线上的点的颜色值;
第六确定模块,用于根据所述操作点与所述色相环的中心点的连线与所述色相环的中心点所在的预设参考线的夹角以及所述预设参考线上的点的颜色值,确定所述操作点所对应的颜色值。
第三方面,本申请实施例还提供一种电子设备,包括:处理器、存储器和总线,所述存储器存储有所述处理器可执行的机器可读指令,当电子设备运行时,所述处理器与所述存储器之间通过总线通信,所述机器可读指令被所述处理器执行时执行上述第一方面中任一种可能的实施方式中的步骤。
第四方面,本申请实施例还提供一种计算机可读存储介质,该计算机可读存储介质上存储有计算机程序,该计算机程序被处理器运行时执行上述第一方面中任一种可能的实施方式中的步骤。
本申请实施例提供的一种颜色获取方法,包括:获取用户在绘图区域中进行点击操作时,操作点在绘图区域所在的坐标系中的第一坐标;根据操作点的第一坐标和色相环的中心点的第二坐标,确定操作点与色相环的中心点的连线与色相环的中心点所在的预设参考线的夹角;根据操作点与色相环的中心点的连线与色相环的中心点所在的预设参考线的夹角以及色相环中颜色值的分布情况,确定操作点所对应的颜色值。本申请实施例通过精确获取绘图区域中每个点的颜色值,使得获取的颜色值更加准确。
为使本申请的上述目的、特征和优点能更明显易懂,下文特举较佳实施例,并配合所附附图,作详细说明如下。
附图说明
为了更清楚地说明本申请实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本申请的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
图1示出了本申请实施例所提供的一种颜色获取方法的流程示意图;
图2示出了本申请实施例所提供的色相环的示意图;
图3示出了本申请实施例所提供的一种颜色获取装置的结构示意图;
图4示出了本申请实施例所提供的一种电子设备的结构示意图。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚,下面将结合本申请实施例中附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。因此,以下对在附图中提供的本申请的实施例的详细描述并非旨在限制要求保护的本申请的范围,而是仅仅表示本申请的选定实施例。基于本申请的实施例,本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本申请保护的范围。
基于此,本申请实施例提供了一种颜色获取方法、装置、电子设备及可读存储介质,下面通过实施例进行描述。
为便于对本实施例进行理解,首先对本申请实施例所公开的颜色获取方法进行详细介绍。如图1所示的一种颜色获取方法的流程示意图中,可以包括以下步骤:
S101:获取用户在绘图区域中进行点击操作时,操作点在绘图区域所在的坐标系中的第一坐标;绘图区域中设置有色相环;
S102:根据操作点在绘图区域所在的坐标系中的第一坐标和色相环的中心点在绘图区域所在的坐标系中的第二坐标,确定操作点与色相环的中心点的连线与色相环的中心点所在的预设参考线的夹角;
S103:根据操作点与色相环的中心点的连线与色相环的中心点所在的预设参考线的夹角以及色相环中颜色值的分布情况,确定操作点所对应的颜色值。
在步骤S101中,绘图区域指的是网页画布中的绘图区域,通常绘图区域可以是矩形区域。在网页画布的脚本代码中可以提取到绘图区域的长度和宽度,通过绘图区域的长度和宽度可以确定绘图区域的中心点的位置。
在一种优选的实施方式中,绘图区域所在的坐标系可以是以绘图区域的中心点为原点、以绘图区域的长所在的直线为横轴以及以绘图区域的宽所在的直线为纵轴的直角坐标系。
这里需要说明的是,在实际过程中并不需要在网页画布中显示出绘图区域所在的坐标系。这里确定绘图区域所在的坐标系的目的是为了确定用户在绘图区域进行点击操作时操作点的第一坐标。因此在具体实施中,绘图区域所在的坐标系还可以是其他可能的情况。例如,在一种可行的实施方式中,绘图区域所在的坐标系还可以是以绘图区域的一个顶点为原点、以绘图区域的长所在的直线为横轴以及以绘图区域的宽所在的直线为纵轴的直角坐标系。
具体地,在确定操作点的第一坐标时,用户可以在绘图区域中进行点击操作,通过监听用户进行点击操作的操作点的位置,可以获取到操作点在绘图区域所在的坐标系中的第一坐标。
在该绘图区域中设置有色相环,色相环是指一种圆形排列的色相光谱,色彩是按照光谱在自然中出现的顺序来排列的。色相环是在开发网页画布时,添加在开发脚本代码中的。
在具体实施中,色相环可以显示在绘图区域中的任何位置,并且在绘图区域中的任何位置都可以对应色相环中的一种颜色。在一种优选的实施方式中,色相环可以显示在绘图区域的中心位置,色相环的中心点与绘图区域的中心点重合。
在步骤S102中,色相环的中心点的位置可以是从开发代码脚本中提取的,通过色相环的中心点的位置可以确定出色相环的中心点在绘图区域所在的坐标系统的第二坐标。
色相环的中心点所在的预设参考线指的是色相环的中心点所在的预设的直线。在一种优选的实施方式中,色相环的中心点所在的预设参考线可以是平行于坐标轴的直线。
操作点与色相环的中心点的连线与色相环的中心点所在的预设参考线可以形成一定的夹角。这里,通过操作点的第一坐标以及色相环的中心点的第二坐标可以确定出夹角的度数。
在步骤S103中,色相环可以分为十环色相环、十二色相环、十六色相环、二十四色相环等等。色相环中的互补色出现在彼此相对的位置上,例如,在十二色相环中,红色与青色相对;黄色与蓝色相对;品红与绿色相对。
我们知道每种颜色都是有三原色(红、绿、蓝)组成的,不同的颜色其三原色的颜色值是不同的,例如,红色对应的三原色的颜色值分别为:红色值,255;绿色值,0;蓝色值,0。再如,黄色对应的三原色的颜色值分别为:红色值,255;绿色值,255;蓝色值,0。
根据色相环中颜色的分布情况,可以确定出颜色环中不同位置的颜色对应的颜色值。
根据操作点与色相环的中心点的连线与色相环的中心点所在的预设参考线的夹角,可以确定出操作点位于色相环中的位置。然后根据操作点位于色相环中的位置以及色相环中颜色值的分布情况,可以确定出操作点所对应的颜色值。
通过上述步骤S101-S103的步骤,可以更精确地确定出绘图区域中任意一点的颜色值。
针对上述步骤S101,在一种可行的实施方式中,可以利用网页脚本代码监听到用户在绘图区域中进行点击操作时,获取操作点在绘图区域所在的坐标系中的第一坐标。
具体地,可以通过JavaScript网页脚本代码监听用户对绘图区域的点击,获取点击时操作点的第一坐标。
通过JavaScript网页脚本代码获取绘图区域的长度和宽度,长度和宽度各自除以2,即可获得绘图区域的中心点的坐标。
针对上述步骤S102,在一种可行的实施方式中,可以按照以下步骤执行:
步骤1021:将色相环的中心点所在的直线中平行于绘图区域所在的坐标系的横向坐标轴的直线确定为色相环的中心点所在的预设参考线;
步骤1022:根据操作点在绘图区域所在的坐标系中的第一坐标、色相环的中心点在绘图区域所在的坐标系中的第二坐标以及预设参考线,确定操作点与色相环的中心点的连线与色相环的中心点所在的预设参考线的夹角。
在步骤1021中,我们知道一个点所在的直线可以有无数条,因此色相环的中心点所在的直线也有无数条,这里,我们选取色相环的中心点所在的直线中平行于绘图区域所在的坐标系的横向坐标轴的直线作为色相环的中心点所在的预设参考线,也就是预设参考线与绘图区域所在的坐标系的横向坐标轴平行。
在步骤1022中,可以计算操作点的第一坐标在纵轴上的值与中心点的第二坐标在在纵轴上的值的差值,并取该差值的绝对值,既可以确定操作点距离中心点的高度,同样,计算操作点的第一坐标在横轴上的值与中心点的第二坐标在在横轴上的值的差值,并取该差值的绝对值,既可以确定操作点距离中心点的宽度。操作点距离中心点的高度除以操作点距离中心点的宽度的值代入到反三角函数中就可以获得当前的夹角角度,即操作点与色相环的中心点的连线与色相环的中心点所在的预设参考线的夹角。
针对步骤S103,在一种可行的实施方式中,可以按照以下步骤执行:
步骤1031:获取预设参考线上的点的颜色值;
步骤1032:根据操作点与色相环的中心点的连线与色相环的中心点所在的预设参考线的夹角以及预设参考线上的点的颜色值,确定操作点所对应的颜色值。
在步骤1031中,根据确定的预设参考线,可以确定出预设参考线上的点的颜色值。
在步骤1032中,在色相环上,随着操作点与色相环的中心点的连线与色相环的中心点所在的预设参考线的夹角的变化,颜色值会发生变化,这里,根据预设参考线上的点的颜色值和夹角的角度,即可以确定出操作点的颜色值。
最后根据三原色的颜色值就可以确定出操作点对应的颜色。
下面将以十二色相环为例,通过以下实施例解释本申请实施例提供的颜色获取方法的步骤。
步骤1、获取用户在绘图区域中进行点击操作时,操作点在绘图区域所在的坐标系中的第一坐标;绘图区域中设置有色相环,且绘图区域的中心点与色相环的中心点重合。
绘图区域指的是网页画布中的矩形区域。绘图区域所在的坐标系是以绘图区域的中心点为原点、绘图区域的长所在的直线为横轴(X轴)以及绘图区域的宽所在的直线为纵轴(Y轴)的直角坐标系。
在具体实施过程中,通过JavaScript网页脚本代码监听用户对绘图区域的点击,获取点击时操作点的第一坐标(x,y)。
由于绘图区域的中心点与色相环的中心点重合,因此色相环的中心点的第二坐标即原点坐标(0,0)。
步骤2、将绘图区域所在的坐标系的横轴正方向所在的射线确定为色相环的中心点所在的预设参考线。
步骤3、根据操作点在绘图区域所在的坐标系中的第一坐标、色相环的中心点在绘图区域所在的坐标系中的第二坐标以及预设参考线,确定操作点与色相环的中心点的连线与色相环的中心点所在的预设参考线的夹角。
如图2所示的色相环的示意图中,根据操作点的第一坐标(x,y)和色相环的中心点的第二坐标为(0,0),可以确定出操作点距离色相环的中心点的宽度x以及高度y,将宽度x除以高度y的值代入到反三角函数中就可以获得当前的夹角角度。
步骤4、根据操作点与色相环的中心点的连线与色相环的中心点所在的预设参考线的夹角以及色相环中颜色值的分布情况,确定操作点所对应的颜色值。
具体地,根据操作点的第一坐标(x,y),可以确定操作点的位置,然后根据操作点与色相环的中心点的连线与色相环的中心点所在的预设参考线的夹角角度以及色相环中颜色值的分布情况,确定操作点所对应的颜色值。
在具体实施中,当操作点的坐标值x、y分别在X轴的正半轴以及Y轴的正半轴的时候,说明操作点位于第一象限,夹角角度为30度至90度之间时,色相环对应的颜色为黄色到红色。具体地,由于黄色所对应的三原色的颜色值分别为红色值255,绿色值255,蓝色值0,当夹角角度/>为90度的时候对应色相环的红色红色值255,绿色值0,蓝色值0,因此此时的颜色变化规律为红色值为255不变,蓝色值为0不变,绿色值等于:/>
当操作点的坐标值x在X轴的负半轴、操作点的坐标值y在Y轴的正半轴时,说明操作点位于第二象限,夹角角度为90度至150度之间的时候,颜色从红色变为品红,其中红色值为255不变,绿色值为0不变,蓝色值等于:
当操作点的坐标值x在X轴的负半轴,夹角角度为150度至210度的之间时,颜色从品红变为蓝色。具体可以分为以下两种情况:
第一种情况,当操作点的坐标值x在X轴的负半轴、操作点的坐标值y在Y轴的正半轴,且夹角角度为150度至180度的之间时,红色值:绿色值:/>蓝色值为255不变。
第二种情况,当操作点的坐标值x在X轴的负半轴、操作点的坐标值y在Y轴的负半轴,且夹角角度为180度至210度的之间时,红色值为:绿色值:蓝色值为255不变。
当操作点的坐标值x在X轴的负半轴、操作点的坐标值y在Y轴的负半轴,且夹角角度为210度至270度之间时,颜色从蓝色变为蓝绿色,红色值为0不变,绿色值为:蓝色值不为255不变。
当操作点的坐标值x在X轴的正半轴、操作点的坐标值y在Y轴的负半轴,且操作点与X轴的正半轴的夹角角度在270度到330度之间时,颜色范围在蓝绿到绿色之间变化,其中红色值始终为0保持不变,绿色值始终为255保持不变,蓝色值为:
当操作点的坐标值x在X轴的正半轴,夹角角度为330度至30度的之间时,颜色从绿色变为黄色。具体可以分为以下两种情况:
第一种情况,当操作点的坐标值x在X轴的正半轴、操作点的坐标值y在Y轴的负半轴,且夹角角度为330度至360度的之间时,红色值:绿色值为255不变,蓝色值为0不变。
第二种情况,当操作点的坐标值x在X轴的正半轴、操作点的坐标值y在Y轴的正半轴,且夹角角度为0度至30度的之间时,红色值:绿色值为255不变,蓝色值为0不变。
本申请实施例通过获取用户在绘图区域中进行点击操作时,操作点在绘图区域所在的坐标系中的第一坐标;然后根据操作点的第一坐标和色相环的中心点的第二坐标,确定操作点与色相环的中心点的连线与色相环的中心点所在的预设参考线的夹角;最后根据操作点与色相环的中心点的连线与色相环的中心点所在的预设参考线的夹角以及色相环中颜色值的分布情况,确定操作点所对应的颜色值,使得获取的颜色值更加准确。
基于相同的技术构思,本申请实施例还提供一种颜色获取装置、电子设备、以及计算机可读存储介质等,具体可参见以下实施例。
图3是示出本申请的一些实施例的颜色获取装置的框图,该颜色获取装置实现的功能对应上述在终端设备上执行的步骤。该装置可以理解为一个包括处理器的服务器的组件,该组件能够实现上述,如图3所示,该颜色获取装置,可以包括:
第一获取模块301,用于获取用户在绘图区域中进行点击操作时,操作点在所述绘图区域所在的坐标系中的第一坐标;所述绘图区域中设置有色相环;
第一确定模块302,用于根据所述操作点在所述绘图区域所在的坐标系中的第一坐标和所述色相环的中心点在所述绘图区域所在的坐标系中的第二坐标,确定所述操作点与所述色相环的中心点的连线与所述色相环的中心点所在的预设参考线的夹角;
第二确定模块303,用于根据所述操作点与所述色相环的中心点的连线与所述色相环的中心点所在的预设参考线的夹角以及所述色相环中颜色值的分布情况,确定所述操作点所对应的颜色值。
在一种可能的实施方式中,第一获取模块301,具体用于利用网页脚本代码监听到用户在绘图区域中进行点击操作时,获取操作点在所述绘图区域所在的坐标系中的第一坐标。
在一种可能的实施方式中,第一确定模块302包括:
第三确定模块,用于将所述色相环的中心点所在的直线中平行于所述绘图区域所在的坐标系的横向坐标轴的直线确定为所述色相环的中心点所在的预设参考线;
第四确定模块,用于根据所述操作点在所述绘图区域所在的坐标系中的第一坐标、所述色相环的中心点在所述绘图区域所在的坐标系中的第二坐标以及所述预设参考线,确定所述操作点与所述色相环的中心点的连线与所述色相环的中心点所在的预设参考线的夹角。
在一种可能的实施方式中,第二确定模块303包括:
第五确定模块,用于获取所述预设参考线上的点的颜色值;
第六确定模块,用于根据所述操作点与所述色相环的中心点的连线与所述色相环的中心点所在的预设参考线的夹角以及所述预设参考线上的点的颜色值,确定所述操作点所对应的颜色值。
如图4所示,为本申请实施例所提供的一种电子设备400的结构示意图,该电子设备400包括:至少一个处理器401,至少一个网络接口404和至少一个用户接口403,存储器405,至少一个通信总线402。通信总线402用于实现这些组件之间的连接通信。用户接口403,包括显示器(例如,触摸屏)、键盘或者点击设备(例如,触感板或者触摸屏等)。
存储器405可以包括只读存储器和随机存取存储器,并向处理器401提供指令和数据。存储器405的一部分还可以包括非易失性随机存取存储器(NVRAM)。
在一些实施方式中,存储器405存储了如下的元素,可执行模块或者数据结构,或者他们的子集,或者他们的扩展集:
操作系统4051,包含各种系统程序,用于实现各种基础业务以及处理基于硬件的任务;
应用程序4052,包含各种应用程序,用于实现各种应用业务。
在本申请实施例中,通过调用存储器405存储的程序或指令,处理器401用于:
获取用户在绘图区域中进行点击操作时,操作点在所述绘图区域所在的坐标系中的第一坐标;所述绘图区域中设置有色相环;
根据所述操作点在所述绘图区域所在的坐标系中的第一坐标和所述色相环的中心点在所述绘图区域所在的坐标系中的第二坐标,确定所述操作点与所述色相环的中心点的连线与所述色相环的中心点所在的预设参考线的夹角;
根据所述操作点与所述色相环的中心点的连线与所述色相环的中心点所在的预设参考线的夹角以及所述色相环中颜色值的分布情况,确定所述操作点所对应的颜色值。
在一种可行的实施方式中,处理器401还用于:
利用网页脚本代码监听到用户在绘图区域中进行点击操作时,获取操作点在所述绘图区域所在的坐标系中的第一坐标。
在一种可行的实施方式中,处理器401还用于:
将所述色相环的中心点所在的直线中平行于所述绘图区域所在的坐标系的横向坐标轴的直线确定为所述色相环的中心点所在的预设参考线;
根据所述操作点在所述绘图区域所在的坐标系中的第一坐标、所述色相环的中心点在所述绘图区域所在的坐标系中的第二坐标以及所述预设参考线,确定所述操作点与所述色相环的中心点的连线与所述色相环的中心点所在的预设参考线的夹角。
在一种可行的实施方式中,处理器401还用于:
获取所述预设参考线上的点的颜色值;
根据所述操作点与所述色相环的中心点的连线与所述色相环的中心点所在的预设参考线的夹角以及所述预设参考线上的点的颜色值,确定所述操作点所对应的颜色值。
本申请实施例所提供的进行颜色获取方法的计算机程序产品,包括存储了处理器可执行的非易失的程序代码的计算机可读存储介质,所述程序代码包括的指令可用于执行前面方法实施例中所述的方法,具体实现可参见方法实施例,在此不再赘述。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统、装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在本申请所提供的几个实施例中,应该理解到,所揭露的系统、装置和方法,可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,又例如,多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本申请各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。
所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个处理器可执行的非易失的计算机可读取存储介质中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(Read-OnlyMemory,ROM)、随机存取存储器(Random Access Memory,RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是:以上所述实施例,仅为本申请的具体实施方式,用以说明本申请的技术方案,而非对其限制,本申请的保护范围并不局限于此,尽管参照前述实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:任何熟悉本技术领域的技术人员在本申请揭露的技术范围内,其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化,或者对其中部分技术特征进行等同替换;而这些修改、变化或者替换,并不使相应技术方案的本质脱离本申请实施例技术方案的精神和范围,都应涵盖在本申请的保护范围之内。因此,本申请的保护范围应以所述权利要求的保护范围为准。
Claims (6)
1.一种颜色获取方法,其特征在于,包括:
获取用户在绘图区域中进行点击操作时,操作点在所述绘图区域所在的坐标系中的第一坐标;所述绘图区域中设置有色相环;
根据所述操作点在所述绘图区域所在的坐标系中的第一坐标和所述色相环的中心点在所述绘图区域所在的坐标系中的第二坐标,确定所述操作点与所述色相环的中心点的连线与所述色相环的中心点所在的预设参考线的夹角;
根据所述操作点与所述色相环的中心点的连线与所述色相环的中心点所在的预设参考线的夹角以及所述色相环中颜色值的分布情况,确定所述操作点所对应的颜色值;
所述根据所述操作点在所述绘图区域所在的坐标系中的第一坐标和所述色相环的中心点在所述绘图区域所在的坐标系中的第二坐标,确定所述操作点与所述色相环的中心点的连线与所述色相环的中心点所在的预设参考线的夹角,包括:
将所述色相环的中心点所在的直线中平行于所述绘图区域所在的坐标系的横向坐标轴的直线确定为所述色相环的中心点所在的预设参考线;
根据所述操作点在所述绘图区域所在的坐标系中的第一坐标、所述色相环的中心点在所述绘图区域所在的坐标系中的第二坐标以及所述预设参考线,确定所述操作点与所述色相环的中心点的连线与所述色相环的中心点所在的预设参考线的夹角;
所述根据所述操作点与所述色相环的中心点的连线与所述色相环的中心点所在的预设参考线的夹角以及所述色相环中颜色值的分布情况,确定所述操作点所对应的颜色值,包括:
获取所述预设参考线上的点的颜色值;
根据所述操作点与所述色相环的中心点的连线与所述色相环的中心点所在的预设参考线的夹角以及所述预设参考线上的点的颜色值,确定所述操作点所对应的颜色值。
2.根据权利要求1所述的颜色获取方法,其特征在于,包括:所述获取用户在绘图区域中进行点击操作时,操作点在所述绘图区域所在的坐标系中的第一坐标,包括:
利用网页脚本代码监听到用户在绘图区域中进行点击操作时,获取操作点在所述绘图区域所在的坐标系中的第一坐标。
3.一种颜色获取装置,其特征在于,包括:
第一获取模块,用于获取用户在绘图区域中进行点击操作时,操作点在所述绘图区域所在的坐标系中的第一坐标;所述绘图区域中设置有色相环;
第一确定模块,用于根据所述操作点在所述绘图区域所在的坐标系中的第一坐标和所述色相环的中心点在所述绘图区域所在的坐标系中的第二坐标,确定所述操作点与所述色相环的中心点的连线与所述色相环的中心点所在的预设参考线的夹角;
第二确定模块,用于根据所述操作点与所述色相环的中心点的连线与所述色相环的中心点所在的预设参考线的夹角以及所述色相环中颜色值的分布情况,确定所述操作点所对应的颜色值;
所述第一确定模块包括:
第三确定模块,用于将所述色相环的中心点所在的直线中平行于所述绘图区域所在的坐标系的横向坐标轴的直线确定为所述色相环的中心点所在的预设参考线;
第四确定模块,用于根据所述操作点在所述绘图区域所在的坐标系中的第一坐标、所述色相环的中心点在所述绘图区域所在的坐标系中的第二坐标以及所述预设参考线,确定所述操作点与所述色相环的中心点的连线与所述色相环的中心点所在的预设参考线的夹角;
所述第二确定模块包括:
第五确定模块,用于获取所述预设参考线上的点的颜色值;
第六确定模块,用于根据所述操作点与所述色相环的中心点的连线与所述色相环的中心点所在的预设参考线的夹角以及所述预设参考线上的点的颜色值,确定所述操作点所对应的颜色值。
4.根据权利要求3所述的颜色获取装置,其特征在于,所述第一获取模块,具体用于利用网页脚本代码监听到用户在绘图区域中进行点击操作时,获取操作点在所述绘图区域所在的坐标系中的第一坐标。
5.一种电子设备,其特征在于,包括:处理器、存储器和总线,所述存储器存储有所述处理器可执行的机器可读指令,当电子设备运行时,所述处理器与所述存储器之间通过总线通信,所述机器可读指令被所述处理器执行时执行如权利要求1至2任一所述的颜色获取方法的步骤。
6.一种计算机可读存储介质,其特征在于,该计算机可读存储介质上存储有计算机程序,该计算机程序被处理器运行时执行如权利要求1至2任一所述的颜色获取方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010470402.3A CN111612857B (zh) | 2020-05-28 | 2020-05-28 | 一种颜色获取方法、装置、电子设备及可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010470402.3A CN111612857B (zh) | 2020-05-28 | 2020-05-28 | 一种颜色获取方法、装置、电子设备及可读存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111612857A CN111612857A (zh) | 2020-09-01 |
CN111612857B true CN111612857B (zh) | 2024-03-26 |
Family
ID=72203723
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010470402.3A Active CN111612857B (zh) | 2020-05-28 | 2020-05-28 | 一种颜色获取方法、装置、电子设备及可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111612857B (zh) |
Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2009230604A (ja) * | 2008-03-25 | 2009-10-08 | Fuji Xerox Co Ltd | 色抽出装置及びプログラム |
WO2015074575A1 (zh) * | 2013-11-21 | 2015-05-28 | 北京国双科技有限公司 | 获取立体热力图的方法及装置 |
WO2016149941A1 (zh) * | 2015-03-26 | 2016-09-29 | 华为技术有限公司 | 绘图笔、电子设备及绘图方法 |
CN107411705A (zh) * | 2017-04-05 | 2017-12-01 | 展谱光电科技(上海)有限公司 | 多光谱摄像和投影装置及方法 |
WO2018082239A1 (zh) * | 2016-11-07 | 2018-05-11 | 广州视源电子科技股份有限公司 | 基于触摸屏的颜色获取方法及装置 |
WO2018082332A1 (zh) * | 2016-11-07 | 2018-05-11 | 深圳光启合众科技有限公司 | 图像处理方法和装置、机器人 |
CN109166159A (zh) * | 2018-10-12 | 2019-01-08 | 腾讯科技(深圳)有限公司 | 获取图像的主色调的方法、装置及终端 |
CN109410295A (zh) * | 2018-09-14 | 2019-03-01 | 广州视源电子科技股份有限公司 | 颜色设置方法、装置、设备及计算机可读存储介质 |
CN109472832A (zh) * | 2018-10-15 | 2019-03-15 | 广东智媒云图科技股份有限公司 | 一种配色方案生成方法、装置及智能机器人 |
CN110851050A (zh) * | 2019-10-17 | 2020-02-28 | 稿定(厦门)科技有限公司 | 页面元素点击测试的方法及装置 |
CN110942499A (zh) * | 2019-12-13 | 2020-03-31 | 广东智媒云图科技股份有限公司 | 一种勾线画绘画方法、装置、设备及存储介质 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US10469807B2 (en) * | 2013-09-11 | 2019-11-05 | Color Match, LLC | Color measurement and calibration |
-
2020
- 2020-05-28 CN CN202010470402.3A patent/CN111612857B/zh active Active
Patent Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2009230604A (ja) * | 2008-03-25 | 2009-10-08 | Fuji Xerox Co Ltd | 色抽出装置及びプログラム |
WO2015074575A1 (zh) * | 2013-11-21 | 2015-05-28 | 北京国双科技有限公司 | 获取立体热力图的方法及装置 |
WO2016149941A1 (zh) * | 2015-03-26 | 2016-09-29 | 华为技术有限公司 | 绘图笔、电子设备及绘图方法 |
WO2018082239A1 (zh) * | 2016-11-07 | 2018-05-11 | 广州视源电子科技股份有限公司 | 基于触摸屏的颜色获取方法及装置 |
WO2018082332A1 (zh) * | 2016-11-07 | 2018-05-11 | 深圳光启合众科技有限公司 | 图像处理方法和装置、机器人 |
CN107411705A (zh) * | 2017-04-05 | 2017-12-01 | 展谱光电科技(上海)有限公司 | 多光谱摄像和投影装置及方法 |
CN109410295A (zh) * | 2018-09-14 | 2019-03-01 | 广州视源电子科技股份有限公司 | 颜色设置方法、装置、设备及计算机可读存储介质 |
CN109166159A (zh) * | 2018-10-12 | 2019-01-08 | 腾讯科技(深圳)有限公司 | 获取图像的主色调的方法、装置及终端 |
CN109472832A (zh) * | 2018-10-15 | 2019-03-15 | 广东智媒云图科技股份有限公司 | 一种配色方案生成方法、装置及智能机器人 |
CN110851050A (zh) * | 2019-10-17 | 2020-02-28 | 稿定(厦门)科技有限公司 | 页面元素点击测试的方法及装置 |
CN110942499A (zh) * | 2019-12-13 | 2020-03-31 | 广东智媒云图科技股份有限公司 | 一种勾线画绘画方法、装置、设备及存储介质 |
Non-Patent Citations (2)
Title |
---|
马玉春 ; 汪文彬 ; 张鲲 ; 李壮 ; .基于.NET的实时数据线绘制.电脑编程技巧与维护.2010,(22),全文. * |
魏伟.一个带有十字移动光标的屏幕绘图程序.电脑开发与应用.1994,(03),全文. * |
Also Published As
Publication number | Publication date |
---|---|
CN111612857A (zh) | 2020-09-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN105653118A (zh) | 一种更换应用图标的方法和装置 | |
CN111695045A (zh) | 一种热力图展示、热力数据通知的方法及装置 | |
CN110415183A (zh) | 图片校正方法、装置、计算机设备及计算机可读存储介质 | |
CN108074237B (zh) | 图像清晰度检测方法、装置、存储介质及电子设备 | |
US11756224B2 (en) | Circle center detection in imagery | |
CN109446761B (zh) | 一种信息安全处理方法、存储介质以及终端设备 | |
CN105808230A (zh) | 移动悬浮图标的方法和装置 | |
CN111612857B (zh) | 一种颜色获取方法、装置、电子设备及可读存储介质 | |
CN110458857B (zh) | 中心对称图元检测方法、装置、电子设备及可读存储介质 | |
KR101327252B1 (ko) | 영상 처리 장치 및 영상 처리 방법 | |
CN107085521A (zh) | 一种图标显示方法和装置 | |
US10819699B2 (en) | System, method, and program for remotely supporting work | |
CN102903097B (zh) | 一种图像透视校正方法及装置 | |
US9351271B2 (en) | Device positioning method, apparatus and electronic device based on device cooperativity system | |
CN115187643A (zh) | 图像配准和模板构建方法、装置、电子设备及存储介质 | |
CN111986144A (zh) | 一种图像模糊判断方法、装置、终端设备及介质 | |
CN111931786A (zh) | 一种图像处理方法、装置及计算机可读存储介质 | |
CN113377476A (zh) | 界面显示方法、相关装置及计算机程序产品 | |
US8391647B1 (en) | Pixel replacement | |
CN111429399A (zh) | 一种直线检测方法及装置 | |
CN111062874B (zh) | 文本图像显示方法、装置、设备及存储介质 | |
Deshpande et al. | Use of horizontal and vertical edge processing technique to improve number plate detection | |
CN112199068B (zh) | 图形叠加处理方法以及装置、存储介质、电子装置 | |
CN114706498B (zh) | 一种触摸屏软件显示触摸屏按压位置的方法及装置 | |
CN113298869B (zh) | 距离测定方法、装置、计算机设备和存储介质 |
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 | ||
CB02 | Change of applicant information |
Country or region after: China Address after: Building 4, No. 15 Haidian Middle Street, Haidian District, Beijing, 100000, Floor 1-5, 1st Floor Applicant after: Beijing minglue Zhaohui Technology Co.,Ltd. Address before: Room 2020, 2nd floor, building 27, 25 North Third Ring Road West, Haidian District, Beijing Applicant before: BEIJING SUPERTOOL INTERNET TECHNOLOGY LTD. Country or region before: China |
|
CB02 | Change of applicant information | ||
GR01 | Patent grant | ||
GR01 | Patent grant |