CN107479839B - 色盘、双色渲染方法、取色方法、可读存储介质及计算机 - Google Patents
色盘、双色渲染方法、取色方法、可读存储介质及计算机 Download PDFInfo
- Publication number
- CN107479839B CN107479839B CN201710528493.XA CN201710528493A CN107479839B CN 107479839 B CN107479839 B CN 107479839B CN 201710528493 A CN201710528493 A CN 201710528493A CN 107479839 B CN107479839 B CN 107479839B
- Authority
- CN
- China
- Prior art keywords
- color
- position point
- increment
- block
- calculating
- 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 52
- 238000009877 rendering Methods 0.000 title claims abstract description 30
- 238000004364 calculation method Methods 0.000 claims description 19
- 239000013598 vector Substances 0.000 claims description 13
- 238000004590 computer program Methods 0.000 claims description 6
- 238000005070 sampling Methods 0.000 claims description 3
- 239000003054 catalyst Substances 0.000 claims 1
- 239000003086 colorant Substances 0.000 description 6
- 238000010586 diagram Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000004040 coloring Methods 0.000 description 1
- 238000000605 extraction Methods 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
Images
Classifications
-
- 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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
- G06F3/1407—General aspects irrespective of display type, e.g. determination of decimal point position, display with fixed or driving decimal point, suppression of non-significant zeros
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明提供了一种色盘、双色渲染方法、取色方法及可读存储介质、计算机,所述色盘上设有调色块,所述双色渲染方法包括:当所述调色块在所述色盘上正向移动时,获取所述调色块在所述色盘的初始位置对应的第一颜色以及获取用户选择的第二颜色;遍历所述调色块的移动轨迹的每一个位置点,根据所述调色块移动的位置增量计算所述第一颜色向所述第二颜色变化的颜色增量,以得到所述调色块在所述移动轨迹的每个位置点对应的目标颜色;以所述调色块所在的当前位置点为圆心画圆,形成圆形区域,并以所述当前位置点对应的目标颜色填充所述圆形区域。通过移动调色块调控制色盘的颜色在第一颜色和第二颜色之间变化。
Description
技术领域
本发明涉及颜色处理领域,特别是涉及一种色盘、双色渲染方法、取色方法、可读存储介质及计算机。
背景技术
目前终端设备如电脑、平板等的取色,一般是通过选取色盘上的颜色来控制显示画面的颜色变化。
现有的色盘上预设多种颜色,用户只需要在色盘上选取其中一种颜色即可。然而,现有的色盘呈现的颜色有限,一般需要用户调节R、G、B值或H、S、L值来改变颜色。而对于不熟悉颜色的R、G、B值或H、S、L值的用户来说,要多次尝试才能得到想要的颜色。其颜色调节方式单一,无法快速获取想要的颜色。
发明内容
鉴于上述状况,有必要针对现有技术中的色盘取色效率低的问题,提供一种色盘、双色渲染方法、取色方法、可读存储介质及计算机。
本发明提供了一种色盘的双色渲染方法,所述色盘上设有调色块,所述双色渲染方法包括:
当所述调色块在所述色盘上正向移动时,获取所述调色块在所述色盘的初始位置对应的第一颜色以及获取用户选择的第二颜色;
遍历所述调色块的移动轨迹的每一个位置点,根据所述调色块移动的位置增量计算所述第一颜色向所述第二颜色变化的颜色增量,以得到所述调色块在所述移动轨迹的每个位置点对应的目标颜色;
以所述调色块所在的当前位置点为圆心画圆,形成圆形区域,并以所述当前位置点对应的目标颜色填充所述圆形区域。
上述双色渲染方法,其中,所述根据所述调色块移动的位置增量计算所述第一颜色向所述第二颜色变化的颜色增量,以得到所述调色块在所述移动轨迹的每个位置点对应的目标颜色的步骤包括:
计算第一颜色的R、G、B值分别与所述第二颜色的R、G、B值的差值,得到R、G、B差量值;
计算所述调色块从所述初始位置移动到当前位置点时的位置增量;
计算所述位置增量和预设位置增量的比值,并根据所述比值和所述R、G、B差量值计算所述当前位置点对应的目标颜色的R、G、B值。
上述双色渲染方法,其中,所述目标颜色的R、G、B值的计算公式为:
其中,r、g、b分别为所述当前位置点对应颜色的R、G、B值,r1、g1、b1分别为所述第一颜色的R、G、B值,r2、g2、b2分别为所述第二颜色的R、G、B值,Δr、Δg、Δb分别为所述R、G、B差量值,Δd为所述调色块从所述初始位置移动到所述当前位置点时的位置增量,D为所述预设位置增量。
上述双色渲染方法,其中,所述以所述当前位置点对应的目标颜色填充所述圆形区域的步骤之后还包括:
当所述调色块逆向移动时,确定所述移动轨迹上所述调色块所在的位置点对应的颜色,并以所述对应的颜色填充所述调色块所在的位置点对应的圆形区域。
上述双色渲染方法,其中,所述调色块移动时绕所述色盘的原点旋转,所述计算所述调色块从所述初始位置移动到当前位置点时的位置增量的步骤包括:
获取所述调色块的移动轨迹的每一个位置点的坐标,并得到所述原点到所述移动轨迹的每一个位置点的坐标的向量;
累计计算所述初始位置与当前位置点之间相邻的向量的夹角,以得到所述调色块从所述初始位置移动到所述当前位置点时的位置增量。
上述双色渲染方法,其中,所述色块的移动轨迹的相邻的位置点间隔1°。
上述双色渲染方法,其中,所述以所述调色块所在的当前位置点为圆心画圆,形成圆形区域,并以所述当前位置点对应的目标颜色填充所述圆形区域的步骤包括:
判断所述色盘上所述调色块所在的当前位置点是否存在对应的圆形区域;
若是,将所述当前位置点对应的圆形区域的颜色替换为所述目标颜色;
若否,则以所述当前位置点为圆心画圆,形成圆形区域,并以所述目标颜色填充所述当前位置点对应的圆形区域。
本发明还提供一种取色方法,其中,应用于上述色盘中,包括:
当获取到点击信号时,确定点击位置的坐标,并将所述调色块移动到所述色盘上所述坐标对应的位置点;
选取所述色盘上所述坐标对应的位置点的圆形区域的颜色。
本发明还提供了一种色盘,所述色盘上设有调色块,所述色盘包括:
颜色获取模块,用于当所述调色块在所述色盘上正向移动时,获取所述调色块在所述色盘的初始位置对应的第一颜色以及获取用户选择的第二颜色;
计算模块,用于遍历所述调色块的移动轨迹的每一个位置点,根据所述调色块移动的位置增量计算所述第一颜色向所述第二颜色变化的颜色增量,以得到所述调色块在所述移动轨迹的每个位置点对应的目标颜色;
第一填充模块,以所述调色块所在的当前位置点为圆心画圆,形成圆形区域,并以所述当前位置点对应的目标颜色填充所述圆形区域。
上述色盘,其中,所述计算块包括:
第一计算子模块,用于计算第一颜色的R、G、B值分别与所述第二颜色的R、G、B值的差值,得到R、G、B差量值;
第二计算子模块,用于计算所述调色块从所述初始位置移动到当前位置点时的位置增量;
第三计算子模块,用于计算所述位置增量和预设位置增量的比值,并根据所述比值和所述R、G、B差量值计算目标颜色的R、G、B值。
上述色盘,其中,所述目标颜色的R、G、B值的计算公式为:
其中,r、g、b分别为所述当前位置点对应颜色的R、G、B值,r1、g1、b1分别为所述第一颜色的R、G、B值,r2、g2、b2分别为所述第二颜色的R、G、B值,Δr、Δg、Δb分别为所述R、G、B差量值,Δd为所述调色块从所述初始位置移动到所述当前位置点时的位置增量,D为所述预设位置增量。
上述色盘,还包括:
第二填充模块,用于当所述调色块逆向移动时,确定所述移动轨迹上所述调色块所在的位置点对应的颜色,并以所述对应的颜色填充所述调色块所在的位置点对应的圆形区域。
上述色盘,其中,所述调色块移动时绕所述色盘的原点旋转,所述第二计算子模块包括:
坐标获取模块,用于获取所述调色块的移动轨迹的每一个位置点的坐标,并得到所述原点到所述移动轨迹的每一个位置点的坐标的向量;
角度计算模块,用于累计计算所述初始位置与当前位置点之间相邻向量的夹角,以得到所述调色块从所述初始位置移动到所述当前位置点时的位置增量。
上述色盘,还包括:
信号获取模块,用于当获取到点击信号时,确定点击位置的坐标,并将所述调色块移动到所述色盘上所述坐标对应的位置点;
颜色选择模块,用于选取所述色盘上所述坐标对应的位置点的圆形区域的颜色。
本发明还提供了一种可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现上述方法的步骤。
本发明还提供了一种计算机,包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现上述方法的步骤。
本发明实施例中,用户可以以调色块所在的任意一位置点的圆形区域的颜色作为第一颜色,并获取用户选择颜色作为第二颜色,通过移动调色块调控制色盘的颜色在第一颜色和第二颜色之间变化。方便用户自行调试颜色,得到颜色变化多彩的色盘,并快速得到想要的颜色。
附图说明
图1为本发明第一实施例中的双色渲染方法流程图;
图2为本发明第二实施例中的双色渲染方法流程图;
图3为本发明第三实施例中的双色渲染方法流程图;
图4为本发明第四实施例中取色方法流程图;
图5为本发明第五实施例中的色盘的结构框图;
图6为图5中计算模块的结构框图。
具体实施方式
下面详细描述本发明的实施例,所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的,仅用于解释本发明,而不能理解为对本发明的限制。
参照下面的描述和附图,将清楚本发明的实施例的这些和其他方面。在这些描述和附图中,具体公开了本发明的实施例中的一些特定实施方式,来表示实施本发明的实施例的原理的一些方式,但是应当理解,本发明的实施例的范围不受此限制。相反,本发明的实施例包括落入所附加权利要求书的精神和内涵范围内的所有变化、修改和等同物。
请参阅图1为本发明第一实施例中的色盘的双色渲染方法,包括步骤S11~S13,所述色盘上设有调色块,所述调色块可在所述色盘上移动,例如用户可通过拖动鼠标或触摸显示屏的方式拖动所述调色块。
步骤S11,当所述调色块在所述色盘上正向移动时,获取所述调色块在所述色盘的初始位置对应的第一颜色以及获取用户选择的第二颜色。第一颜色为所述调色块在色盘上移动时,起始位置点对应的颜色。所述色盘上可以预设多个的标准颜色,用户通过鼠标或触摸选择其中一个颜色作为第二颜色。
步骤S12,遍历所述调色块的移动轨迹的每一个位置点,根据所述调色块移动的位置增量计算所述第一颜色向所述第二颜色变化的颜色增量,以得到所述调色块在所述移动轨迹的每个位置点对应的目标颜色。
用户移动所述调色块时,根据调色块移动的位置增量计算所述第一颜色向所述第二颜色的颜色变化的颜色增量,该颜色增量即为颜色变化的程度。如,调色块的移动轨迹从第一颜色颜色完全变化为第二颜色的调色块时的位置增量为D,根据调色块的移动轨迹的当前位置点对应的位置增量与D的比值计算第一颜色向第二颜色的颜色变化的颜色增量,以得到当前位置点对应的目标颜色。
步骤S13,以所述调色块所在的当前位置点为圆心画圆,形成圆形区域,并以所述当前位置点对应的目标颜色填充所述圆形区域。
确定当前位置点对应的目标颜色后,以所述当前位置点为圆心画圆,形成圆形区域,并将当前位置点对应的目标颜色填充在所述当前位置点为圆心的圆形区域中。遍历调色块移动轨迹的每一个位置点,即可将调色块的移动轨迹渲染为从第一颜色向第二颜色渐变的色带。由此,从该渲染后的色盘上可得到第一颜色和第二颜色之间的颜色。
本实施例中,用户可以以调色块所在的任意一位置点的圆形区域的颜色作为第一颜色,并获取用户选择的颜色作为第二颜色,通过移动调色块调控制色盘的颜色在第一颜色和第二颜色之间变化。方便用户自行调试颜色,得到颜色变化多彩的色盘。
请参阅图2为本发明第二实施例中的色盘,所述色盘上设有调色块,所述调色块可在所述色盘上移动,例如用户可通过拖动鼠标或触摸显示屏的方式拖动所述调色移动。所述色盘的双色渲染方法包括步骤S21~S25。
步骤S21,当所述调色块在所述色盘上正向移动时,获取所述调色块在所述色盘的初始位置对应的第一颜色以及获取用户选择的第二颜色。
步骤S22,计算第一颜色的R、G、B值分别与所述第二颜色的R、G、B值的差值,得到R、G、B差量值。所述第一颜色为所述调色块在其移动轨迹的初始位置时,对应的圆形区域显示的颜色。R、G、B差量值Δr、Δg和Δb的计算公式如下:
Δr=r2-r1;
Δg=g2-g1;
Δb=b2-b1;
其中,r1、g1、b1分别为所述第一颜色的R、G、B值,r2、g2、b2分别为所述第二颜色的R、G、B值。
步骤S23,遍历所述调色块的移动轨迹的每一个位置点,计算所述调色块从所述初始位置移动到当前位置点时的位置增量。
所述调色块在色盘上移动时,形成的移动轨迹上包含多个均匀设置的位置点,调色块每移动到一个位置点时,计算所述调色块从所述初始位置移动到所述色盘的当前位置点时的位置增量。
步骤S24,计算所述位置增量和预设位置增量的比值,并根据所述比值和所述R、G、B差量值计算所述当前位置点对应的目标颜色的R、G、B值。
步骤S25,以所述当前位置点为圆心画圆,形成圆形区域,并以所述当前位置点对应的目标颜色填充所述圆形区域。
上述步骤中,根据所述比值和所述R、G、B差量值计算目标颜色的R、G、B值,所述目标颜色的R、G、B值随着位置点的变化在r1、g1、b1和r2、g2、b2之间变化。以调色块的当前位置点为圆心画圆,将目标颜色填充在对应的圆形区域中,即得到用目标颜色渲染的圆形颜色区域。通过该方法对调色块移动轨迹一个位置点对应的圆形区域进行渲染,得到从第一颜色向第二颜色渐变的颜色区域。
具体的,所述调色块正向移动时,所述目标颜色的R、G、B值的计算公式为:
其中,r、g、b分别为所述目标颜色的R、G、B值,r1、g1、b1分别为所述第一颜色的R、G、B值,r2、g2、b2分别为所述第二颜色的R、G、B值,Δr、Δg、Δb分别为所述R、G、B差量值,Δd为所述调色块从所述初始位置移动到所述当前位置点时的位置增量,D为所述预设位置增量。
根据调色块移动的位置增量Δd确定第一颜色和第二颜色之间的颜色。当所述调色块正向移动时,Δd大于0,调色块的移动轨迹显示的颜色从第一颜色向第二颜色变化,直到Δd大于或等于预设位置增量时调色块所在位置点对应的圆形区域显示第二颜色。
本实施例通过调色块移动的位置增量和预设位置增量的比值以及第一颜色和第二颜色的R、G、B值差值,计算第一颜色和第二颜色之间的颜色(包含第一颜色和第二颜色),并将计算出来的颜色填充以每个位置点为圆心的圆形区域随着调色块的移动使色盘上形成从第一颜色向第二颜色变化的颜色区域。
请参阅图3,为本发明第三实施例中的双色渲染方法,包括步骤S31~S37。所述色盘上设有调色块,所述色盘和所述调色块均为圆形,所述调色块的直径等于所述色盘的半径,所述调色块与所述色盘内切,所述调色块在所述色盘绕所述色盘的圆心移动。
步骤S31,当所述调色块在所述色盘上正向移动时,获取所述调色块在所述色盘的初始位置对应的第一颜色以及获取用户选择的第二颜色。
步骤S32,计算第一颜色的R、G、B值分别与所述第二颜色的R、G、B值的差值,得到R、G、B差量值。
步骤S33,遍历所述调色块正向移动时的移动轨迹的每一个位置点,获取所述调色块的移动轨迹的每一个位置点的坐标,并得到所述原点到所述移动轨迹的每一个位置点的坐标的向量。
步骤S34,累计计算所述初始位置与当前位置点之间相邻向量的夹角,以得到所述调色块从所述初始位置移动到所述当前位置点时的位置增量。
步骤S35,计算所述位置增量和预设位置增量的比值,并根据所述比值和所述R、G、B差量值计算目标颜色的R、G、B值。
步骤S36,以所述调色块所在的当前位置点为圆心画圆,形成圆形区域,并以所述当前位置点对应的目标颜色填充所述圆形区域。以目标颜色填充所述圆形区域时,根据所述目标颜色点的R、G、B值对圆形区域进行像素点着色。
上述步骤中,调色块移动的位置增量为旋转的角度,即,计算从调色块在初始位置移动至当前位置点时旋转的角度θ。在调色块拖动过程中,循环遍历θ,以1度为单位,在调色盘上画圆,所画的圆形区域与调色块大小相同,以每个角度下的计算的目标颜色填充调色盘当前颜色为区域。所画圆的旋转角度为:InitialAngle+1,InitialAngle+2,...,InitialAngle+θ,初始情况下,InitialAngle(初始角)为0,调色小球在调色盘的居中最上方。
上述步骤中,所述以所述调色块所在的当前位置点为圆心画圆,形成圆形区域,并以所述当前位置点对应的目标颜色填充所述圆形区域的步骤包括:
步骤S361,判断所述色盘上所述当前位置点是否存在对应的圆形区域,若是执行步骤S362,否则执行步骤S363。
步骤S362,将所述当前位置点对应的圆形区域的颜色替换为所述目标颜色。
步骤S363,以当前位置点为圆心画圆,形成圆形区域,并以所述目标颜色填充所述当前位置点对应的圆形区域。
本实施例中,两种颜色的调色效果通过大量填充调色盘当前色的圆沿拖动方向叠加形成。需要考虑在大量调色过程中,为避免因为频繁调色导致***内存增长过多,采取下述方法避免:
确保调色块移动时可最多画360个圆,即色盘上的每一度形成一个与调色块相同大小的圆,使调色渲染效果平滑,自然。具体的采用一个字典记录旋转角度对应的圆,旋转过程中,判断是否存在这个位置点对应的圆形区域,不存在就添加圆。存在的话就删除之前的圆,再画上目标颜色填充的圆。当然色盘初始设置时可填充默认颜色,如黑色,调色块移动时用目标颜色替换原来圆形区域的颜色。
步骤S37,当所述调色块逆向移动时,确定所述移动轨迹上所述调色块所在的位置点对应的颜色,并以所述对应的颜色填充所述调色块所在的位置点对应的圆形区域。
其中,从第二颜色向第一颜色渐变的过程是第一颜色向第二颜色渐变的过程的逆向过程,两种颜色调和的原理相同。
所述预设位置增量例如为720(度),即将R、G、B三个颜色通道的差量值均分为720份,得到每一份的值为Δr/720、Δg/720、Δb/720。当所述调色块正向移动,即顺时针转动时,所述目标颜色的R、G、B值的计算公式为:
当所述调色块逆时针从所述当前位置点移动到下一位置点时,即从第二位置点移动到第三位置点时,所述第三位置点对应的颜色的R、G、B值的计算公式为:
其中,r’、g’、b’分别为所述第三位置点对应的颜色的R、G、B值,θ为所述调色块从所述初始位置移动到所述第二位置点时旋转的角度,θ’为从第二位置点逆时针移动到第三位置点时的角度,为负值。
当所述调色块正向移动时,调色块移动的角度大于0,调色块的移动轨迹显示的颜色从第一颜色向第二颜色变化,直到调色块正向移动的角度大于或等于720°时当前位置对应的圆形区域显示第二颜色;当调色块逆向移动时,调色块移动的角度为负值,调色块的移动轨迹填充的颜色从第二颜色向第一颜色变化,直到调色块逆向移动的角度大于或等于θ时当前位置对应的圆形区域填充第一颜色。若θ’小于-720°时,按-720计算,调色块只需逆时针旋转720度即可调到第一颜色。
本实施例以圆形的色盘为例,详细说明了双色渲染的方法,可以理解的,所述色盘和所述色块的形状不限于圆形,也可以为矩形或其他形状,调色块移动的位置增量以调色块的移动路程来计算。
请参阅图4,本发明第四实施例还提供了一种取色方法,应用于上述实施例中的色盘中,包括步骤S41~S42:
步骤S41当获取到点击信号时,确定点击位置的坐标,并将所述调色块移动到所述色盘上所述坐标对应的位置点;
步骤S42,选取所述色盘上所述坐标对应的位置点对应的圆形区域的颜色。
用可通过鼠标点击色盘上的任意位置点时,获取鼠标的点击位置的坐标,将调色块移动到所述坐标对应的位置点,并选取所述坐标对应的位置点的圆形区域的颜色。
以圆形色盘为例,调色块绕圆形色盘的原点移动,其包括一个包含360项的颜色容器,以记录每一个旋转角度对应的颜色。当鼠标点击时,获取鼠标的位置坐标,得到调色盘圆心到点击点的向量currentVector。计算初始位置的向量originVextor和向量currentVector的夹角β,如果β为负,则β=360+β。在颜色容器中找对应β的颜色,即得到点击处的颜色。本实施例中所述圆盘以1°为单位设置360个位置点,若点击位置的坐标位于两个位置点之间时,通过判断点击位置落在哪一个位置点所限定的范围内,以确定点击位置所述对应的圆形区域。方便用户在色盘上快速的选择需要的颜色。
请参阅图5,为本发明第五实施例中的色盘,所述色盘上设有调色块,所述色盘包括:
颜色获取模块10,用于当所述调色块在所述色盘上正向移动时,获取所述调色块在所述色盘的初始位置对应的第一颜色以及获取用户选择的第二颜色;
计算模块20,用于遍历所述调色块的移动轨迹的每一个位置点,根据所述调色块移动的位置增量计算所述第一颜色向所述第二颜色变化的颜色增量,以得到所述调色块在所述移动轨迹的每个位置点对应的目标颜色;
第一填充模块30,以所述调色块所在的当前位置点为圆心画圆,形成圆形区域,并以所述当前位置点对应的目标颜色填充所述圆形区域。
本实施例通过移动调色块调控制色盘的颜色在第一颜色和第二颜色之间变化。方便用户自行调试颜色,得到颜色变化多彩的色盘。
进一步的,如图6所示,所述计算模块20包括:
第一计算子模块21,用于计算第一颜色的R、G、B值分别与所述第二颜色的R、G、B值的差值,得到R、G、B差量值;
第二计算子模块22,用于计算所述调色块从所述初始位置移动到当前位置点时的位置增量;
第三计算子模块23,用于计算所述位置增量和预设位置增量的比值,并根据所述比值和所述R、G、B差量值计算目标颜色的R、G、B值。
进一步的,所述目标颜色的R、G、B值的计算公式为:
其中,r、g、b分别为所述第二位置对应颜色的R、G、B值,r1、g1、b1分别为所述第一颜色的R、G、B值,r2、g2、b2分别为所述第二颜色的R、G、B值,Δr、Δg、Δb分别为所述R、G、B差量值,Δd为所述调色块从所述初始位置移动到所述当前位置点时的位置增量,D为所述预设位置增量。
进一步的,所述色盘还包括:
第二填充模块40,用于当所述调色块逆向移动时,确定所述移动轨迹上所述调色块所在的位置点对应的颜色,并以所述对应的颜色填充所述调色块所在的位置点对应的圆形区域。
进一步的,所述调色块移动时绕所述色盘的原点旋转,所述第二计算子模块22包括:
坐标获取模块,用于获取所述调色块的移动轨迹的每一个位置点的坐标,并得到所述原点到所述移动轨迹的每一个位置点的坐标的向量;
角度计算模块,用于累计计算所述初始位置与当前位置点之间相邻的向量的夹角,以得到所述调色块从所述初始位置移动到所述当前位置点时的位置增量。
进一步的,所述色盘还包括:
信号获取模块50,用于当获取到点击信号时,确定点击位置的坐标,并将所述调色块移动到所述色盘上所述坐标对应的位置点;
颜色选择模块60,用于选取所述色盘上所述坐标对应的位置点的圆形区域的颜色。
本发明还提供了一种可读存储介质,其上存储有计算机程序,该程序被处理器执行时上述实施例1至4中任意一个方法的步骤。
本发明还提供了一种计算机,包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现上述实施例1至4中的任意一个方法的步骤。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成。所述的程序可以存储于一计算机可读取存储介质中。该程序在执行时,包括上述方法所述的步骤。所述的存储介质,包括:ROM/RAM、磁碟、光盘等。
以上所述实施例仅表达了本发明的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对本发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本发明构思的前提下,还可以做出若干变形和改进,这些都属于本发明的保护范围。因此,本发明专利的保护范围应以所附权利要求为准。
Claims (9)
1.一种色盘的双色渲染方法,其特征在于,所述色盘上设有调色块,所述双色渲染方法包括:
当所述调色块在所述色盘上正向移动时,获取所述调色块在所述色盘的初始位置对应的第一颜色以及获取用户选择的第二颜色;
遍历所述调色块的移动轨迹的每一个位置点,根据所述调色块移动的位置增量计算所述第一颜色向所述第二颜色变化的颜色增量,以得到所述调色块在所述移动轨迹的每个位置点对应的目标颜色;
以所述调色块所在的当前位置点为圆心画圆,形成圆形区域,并以所述当前位置点对应的目标颜色填充所述圆形区域,其中,
所述根据所述调色块移动的位置增量计算所述第一颜色向所述第二颜色变化的颜色增量,以得到所述调色块在所述移动轨迹的每个位置点对应的目标颜色的步骤包括,当所述位置增量小于或等于预设位置增量时,计算第一颜色的R、G、B值分别与所述第二颜色的R、G、B值的差值,得到R、G、B差量值;计算所述调色块从所述初始位置移动到当前位置点时的位置增量;计算所述位置增量和预设位置增量的比值;分别计算所述R、G、B差量值与所述比值的乘积,得到R、G、B增量值;计算所述第一颜色的R、G、B值分别与所述R、G、B增量值之和,得到所述当前位置点对应的颜色的R、G、B值。
3.如权利要求1所述的双色渲染方法,其特征在于,所述以所述当前位置点对应的目标颜色填充所述圆形区域的步骤之后还包括:
当所述调色块逆向移动时,确定所述移动轨迹上所述调色块所在的位置点对应的颜色,并以所述对应的颜色填充所述调色块所在的位置点对应的圆形区域。
4.如权利要求1所述的双色渲染方法,其特征在于,所述调色块移动时绕所述色盘的原点旋转,所述计算所述调色块从所述初始位置移动到当前位置点时的位置增量的步骤包括:
获取所述调色块的移动轨迹的每一个位置点的坐标,并得到所述原点到所述移动轨迹的每一个位置点的坐标的向量;
累计计算所述初始位置与当前位置点之间相邻的向量的夹角,以得到所述调色块从所述初始位置移动到所述当前位置点时的位置增量。
5.如权利要求1所述的双色渲染方法,其特征在于,所述以所述调色块所在的当前位置点为圆心画圆,形成圆形区域,并以所述当前位置点对应的目标颜色填充所述圆形区域的步骤包括:
判断所述色盘上所述调色块所在的当前位置点是否存在对应的圆形区域;
若是,将所述当前位置点对应的圆形区域的颜色替换为所述目标颜色;
若否,则以所述当前位置点为圆心画圆,形成圆形区域,并以所述目标颜色填充所述当前位置点对应的圆形区域。
6.一种取色方法,其特征在于,应用于权利要求1至5中任意一项所述的色盘,包括:
当获取到点击信号时,确定点击位置的坐标,并将所述调色块移动到所述色盘上所述坐标对应的位置点;
选取所述色盘上所述坐标对应的位置点的圆形区域的颜色。
7.一种色盘,其特征在于,所述色盘上设有调色块,所述色盘包括:
颜色获取模块,用于当所述调色块在所述色盘上正向移动时,获取所述调色块在所述色盘的初始位置对应的第一颜色以及获取用户选择的第二颜色;
计算模块,用于遍历所述调色块的移动轨迹的每一个位置点,根据所述调色块移动的位置增量计算所述第一颜色向所述第二颜色变化的颜色增量,以得到所述调色块在所述移动轨迹的每个位置点对应的目标颜色;
第一填充模块,以所述调色块所在的当前位置点为圆心画圆,形成圆形区域,并以所述当前位置点对应的目标颜色填充所述圆形区域,其中,
所述计算块包括第一计算子模块、第二计算子模块和第三计算子模块,所述第一计算子模块用于当所述位置增量小于或等于预设位置增量时,计算第一颜色的R、G、B值分别与所述第二颜色的R、G、B值的差值,得到R、G、B差量值,所述第二计算子模块用于计算所述调色块从所述初始位置移动到当前位置点时的位置增量,所述第三计算子模块用于计算所述位置增量和预设位置增量的比值;分别计算所述R、G、B差量值与所述比值的乘积,得到R、G、B增量值;计算所述第一颜色的R、G、B值分别与所述R、G、B增量值之和,得到所述当前位置点对应的颜色的R、G、B值。
8.一种可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1至6任意一项所述的方法的步骤。
9.一种计算机,包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现如权利要求1至6任意一项所述的方法的步骤。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710528493.XA CN107479839B (zh) | 2017-07-01 | 2017-07-01 | 色盘、双色渲染方法、取色方法、可读存储介质及计算机 |
PCT/CN2017/103772 WO2019006892A1 (zh) | 2017-07-01 | 2017-09-27 | 色盘、双色渲染方法、取色方法、可读存储介质及计算机 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710528493.XA CN107479839B (zh) | 2017-07-01 | 2017-07-01 | 色盘、双色渲染方法、取色方法、可读存储介质及计算机 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107479839A CN107479839A (zh) | 2017-12-15 |
CN107479839B true CN107479839B (zh) | 2020-11-03 |
Family
ID=60595336
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710528493.XA Active CN107479839B (zh) | 2017-07-01 | 2017-07-01 | 色盘、双色渲染方法、取色方法、可读存储介质及计算机 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN107479839B (zh) |
WO (1) | WO2019006892A1 (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113133152B (zh) * | 2021-04-30 | 2023-01-24 | 深圳市爱图仕影像器材有限公司 | 照明装置配色方法、装置及存储介质 |
CN113238598B (zh) * | 2021-04-30 | 2022-05-06 | 深圳市爱图仕影像器材有限公司 | 照明装置配色方法、装置及存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101321228A (zh) * | 2007-06-06 | 2008-12-10 | 富士施乐株式会社 | 颜色调节装置、计算机可读介质以及颜色调节方法 |
CN102541485A (zh) * | 2010-10-13 | 2012-07-04 | 普驰信息技术有限公司 | 颜色选择图形用户界面 |
CN105630287A (zh) * | 2015-12-21 | 2016-06-01 | 天脉聚源(北京)教育科技有限公司 | 一种颜色获取方法及装置 |
CN105657391A (zh) * | 2016-01-04 | 2016-06-08 | 京东方科技集团股份有限公司 | 一种图像处理的方法及装置 |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8860748B2 (en) * | 2005-10-03 | 2014-10-14 | Gary Lynn Campbell | Computerized, personal-color analysis system |
US20110292069A1 (en) * | 2010-05-28 | 2011-12-01 | Witt David Joseph | RGB Color Mixer |
-
2017
- 2017-07-01 CN CN201710528493.XA patent/CN107479839B/zh active Active
- 2017-09-27 WO PCT/CN2017/103772 patent/WO2019006892A1/zh active Application Filing
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101321228A (zh) * | 2007-06-06 | 2008-12-10 | 富士施乐株式会社 | 颜色调节装置、计算机可读介质以及颜色调节方法 |
CN102541485A (zh) * | 2010-10-13 | 2012-07-04 | 普驰信息技术有限公司 | 颜色选择图形用户界面 |
CN105630287A (zh) * | 2015-12-21 | 2016-06-01 | 天脉聚源(北京)教育科技有限公司 | 一种颜色获取方法及装置 |
CN105657391A (zh) * | 2016-01-04 | 2016-06-08 | 京东方科技集团股份有限公司 | 一种图像处理的方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN107479839A (zh) | 2017-12-15 |
WO2019006892A1 (zh) | 2019-01-10 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103177440B (zh) | 生成图像深度图的***和方法 | |
US9508118B2 (en) | Method and apparatus for processing image | |
CN107479839B (zh) | 色盘、双色渲染方法、取色方法、可读存储介质及计算机 | |
US8468465B2 (en) | Two-dimensional slider control | |
US6879332B2 (en) | User interface for displaying and exploring hierarchical information | |
US5119439A (en) | Method of and apparatus for extracting image contour data | |
CN103577104B (zh) | 一种虚拟键盘的显示方法、控制装置及触摸设备 | |
CN107273000B (zh) | 一种智能示波器的屏幕多分辨率适配方法 | |
US20190096031A1 (en) | Image interpolation methods and related image interpolation devices thereof | |
CN107728665B (zh) | 烧结混合料水分控制方法、装置、计算机存储介质及设备 | |
CN106251322B (zh) | 图像处理设备、图像处理方法和图像处理*** | |
US20180322661A1 (en) | Interactive color palette interface for digital painting | |
CN105808230A (zh) | 移动悬浮图标的方法和装置 | |
CN107050859B (zh) | 一种基于unity3D的拖动相机在场景中位移的方法 | |
WO2013121350A1 (en) | Cursor control for a visual user interface | |
US9659228B2 (en) | Image processing apparatus, image processing system, non-transitory computer readable medium, and image processing method | |
US10168880B2 (en) | System, method and computer-accessible medium for manipulating a plurality of components using a single gesture or motion | |
CN108491141A (zh) | 一种电子白板选择框的生成方法、装置及终端设备 | |
CN107450873B (zh) | 色盘、调色方法、可读存储介质和计算机设备 | |
US20160117851A1 (en) | Method and apparatus for displaying statictical graphs on a terminal display | |
CN115445206A (zh) | 一种地形编辑方法、装置、终端及存储介质 | |
CN111199512B (zh) | Svg矢量图形的调整方法、装置、存储介质及终端 | |
CN106569837A (zh) | 智能提示角标的方法及*** | |
US20100328523A1 (en) | Method of luminance compensation for a camera lens using multiline interpolation | |
CN105630383A (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |