纯js实现选择色卡效果

写出html页面
2.
要明白制作色卡的关键是从255到0的递减,不管是r,g,b中的哪一个。
2.1首先我们获得用户所想制作的基本色卡颜色,这时候涉及一个用户得16进制颜色格式是否正确问题,我们用焦点消失函数来判断是否格式正确。
2.2正确并且获得之后将其中最大的一个颜色点击进去。
2.3由Js内部函数将他加到239-255这个区间内,其他俩个颜色随之增加。
2.4增加到最大之后,开始在定时器的频段之下递减,定时器里面要创造子节点,子节点颜色要逐渐变深
2.5这就要求我们增大之后的颜色10进制数值要开始递减,当创建了16个子节点之后,退出定时器,色卡制作完成。
2.6为了增加用户实际的体验,写一个重新制作色卡的功能,其实就是将节点全部清除,然后再进行从第一步的循环!
核心呢就是对于颜色的递减问题,这也是色卡的核心问题
接着难点就是对最大的r,g,b颜色其中一个进行增加到239-255这个区间,这一步很难想象
实现效果图:
纯js实现选择色卡效果_第1张图片
源码:




    
    Title
    



请严格按照步骤执行 1.请选择你的16进制颜色
2.请选择你的哪个颜色为主颜色r,g,b R G B
3.点击提交

你可能感兴趣的:(js的使用)