【技术实现步骤摘要】
WEB端线性渐变色取色方法
本专利技术涉及WEB端取色领域,尤其涉及一种WEB端线性渐变色取色方法。
技术介绍
随着WEB端的功能越来越强大,同时WEB端应用具有实时更新和免安装的特点,许多站点会把桌面端的功能搬到WEB端来让用户操作。桌面应用Sketch中的取色功能十分强大,用户不仅可以选择单一颜色也可以设置渐变色。WEB端选择单一颜色的功能已经实现,先需要实现选择渐变色的功能来丰富web应用的功能。目前主流的方案WEB端取色器仅支持两点渐变取色(起点、终点),即在页面区域设定渐变起点和渐变终点,取色板获取渐变起点和渐变终端之间区域的色值实现取色,无法实现多点取色功能。
技术实现思路
本专利技术的目的是提供一种WEB端线性渐变色取色方法,以解决现有技术WEB端无法实现多点取色的问题。为了达到上述目的,本专利技术所采用的技术方案为:WEB端线性渐变色取色方法,其特征在于:包括以下步骤:(1)、在Sketch取色的目标区域创建两个渐变点,其中一个点作为起始渐变点,另一个点作为结束渐变点;(2)、Sketch后台程序以起始渐变点、结束渐变点两点确定的直线构建滑条,以滑条所在直线建立一维坐标轴,并获取起始渐变点、结束渐变点的初始坐标值;(3)、监听起始渐变点、结束渐变点的激活和拖动事件,Sketch后台程序设定起始渐变点、结束渐变点中触发激活事件的渐变点为激活点,同时Sketch后台程序设定激活点仅能沿滑条所在直线拖动,当激活点拖动时由Sketch后台程序实时获取 ...
【技术保护点】
1.WEB端线性渐变色取色方法,其特征在于:包括以下步骤:/n(1)、在Sketch取色的目标区域创建两个渐变点,其中一个点作为起始渐变点,另一个点作为结束渐变点;/n(2)、Sketch后台程序以起始渐变点、结束渐变点两点确定的直线构建滑条,以滑条所在直线建立一维坐标轴,并获取起始渐变点、结束渐变点的初始坐标值;/n(3)、监听起始渐变点、结束渐变点的激活和拖动事件,Sketch后台程序设定起始渐变点、结束渐变点中触发激活事件的渐变点为激活点,同时Sketch后台程序设定激活点仅能沿滑条所在直线拖动,当激活点拖动时由Sketch后台程序实时获取激活点的坐标值;/n(4)、激活点拖动结束后激活点恢复为起始渐变点或结束渐变点,由Sketch后台程序根据拖动结束时激活点的坐标值,得到拖动后起始渐变点、结束渐变点坐标之间间距覆盖的目标区域的色值,并由Sketch后台程序根据获取的色值在Sketch取色页面生成对应颜色;/n(5)、在步骤(4)拖动结束后的起始渐变点、结束渐变点之间滑条上任意一点位置创建中间渐变点,由Sketch后台程序监听中间渐变点的激活和拖动事件,并设定触发激活事件时中间渐 ...
【技术特征摘要】
1.WEB端线性渐变色取色方法,其特征在于:包括以下步骤:
(1)、在Sketch取色的目标区域创建两个渐变点,其中一个点作为起始渐变点,另一个点作为结束渐变点;
(2)、Sketch后台程序以起始渐变点、结束渐变点两点确定的直线构建滑条,以滑条所在直线建立一维坐标轴,并获取起始渐变点、结束渐变点的初始坐标值;
(3)、监听起始渐变点、结束渐变点的激活和拖动事件,Sketch后台程序设定起始渐变点、结束渐变点中触发激活事件的渐变点为激活点,同时Sketch后台程序设定激活点仅能沿滑条所在直线拖动,当激活点拖动时由Sketch后台程序实时获取激活点的坐标值;
(4)、激活点拖动结束后激活点恢复为起始渐变点或结束渐变点,由Sketch后台程序根据拖动结束时激活点的坐标值,得到拖动后起始渐变点、结束渐变点坐标之间间距覆盖的目标区域的色值,并由Sketch后台程序根据获取的色值在Sketch取色页面生成对应颜色;
(5)、在步骤(4)拖动结束后的起始渐变点、结束渐变点之间滑条上任意一点位置创建中间渐变点,由Sketch后台程序监听中间渐变点的激活和拖动事件,并设定触发激活事件时中间渐变点为新的激活点,同时Sketch后台程序设定新的激活点仅能沿滑条所在直线拖动;
(6)、Sketch后台程序监听步骤(5)中新的激活点的拖动事件,当新的激活点拖动时实时获取新的激活点的坐标值;
(7)、新的激活点拖动结束后恢复为中间渐变点,由Sketch后台程序根据拖动结束时新的激活点的坐标值,得到拖动后中间渐变点、起始渐变点之间间距覆盖的目标区域的色值,并由Sketch后台程序根据获取的色值在Sketch取色页面生成对应颜色。
2.根据权利要求1所述的WEB端线性渐变色取色方法,其特征在于:步骤(1)中,Sketch后台程序监听取色目标区域的鼠标单击事件,所述鼠标单击事件的完整过程依次包括鼠标mousedown事件、鼠标mouseup事件,Sketch后台程序按先后顺序设定触发完整鼠标单击事件的两点分别为起始渐变点、结束渐变点;
步骤(5)中,Sketch后台程序监听拖动结束后起始渐变点、结束渐变点之间滑条上任意一点的鼠标单击事件,并以触发鼠标单击事件的任意一点为中间渐变点。
3.根据权利要求1所述的WEB端线性渐变色取色方法,其特征在于:步骤(3)中,对于已经生成的起始渐变点、结束渐变点,Sketch后台程序监...
【专利技术属性】
技术研发人员:陈睿,
申请(专利权)人:杭州涂鸦信息技术有限公司,
类型:发明
国别省市:浙江;33
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。