[发明专利]Web页面中的HSB取色处理方法、装置、设备及存储介质

说明书

本发明涉及研发管理技术领域，揭露了一种Web页面中的HSB取色处理方法、装置、设备及存储介质。所述方法包括：在Web页面绘制包含第一划分节点的色谱条框，将第一划分节点的颜色遍历修改为与第一RGB颜色参数对应的颜色；在Web页面绘制包含第二划分节点的色域框，将第二划分节点的颜色遍历修改为第二RGB颜色参数；在接收到onclick事件时，对被点击的第一划分节点对应的第一RGB颜色参数和第二划分节点对应的第二RGB颜色参数进行交互修改之后，或对被点击的第二划分节点对应的第一RGB颜色参数和第一划分节点对应的第一RGB颜色参数进行交互修改之后，确认对Web页面的中的HSB颜色参数的取色处理完成。本发明能解决当前使游览器不能支持线性渐变属性的问题。

技术领域

本发明涉及研发管理技术领域，尤其揭露了一种Web页面中的HSB取色处理方法、装置、设备及存储介质。

背景技术

目前，Web-HSB取色器是Web网页中的一种较为基础且常见的功能，其在聊天消息、富文本、管理系统的主题配置中等都有涉及；同时，对于一个Web网页站点来说，丰富可自定义设置的字体颜色、背景颜色也是不可缺少的，且Web网页中也需要在不同的主题页面设置不同的主题色，对于文章里重点内容也需要进行不同标色。

现有技术中，主要使用的是只能选取固定几种颜色的简单的Web-HSB取色器，满足不了市场的颜色调整需求；而部分Web网页中使用了基于HSB原理的全颜色Web-HSB取色器；Web-HSB取色器通过色相、饱和度、亮度三种数值的变化实现控制颜色选取，但目前的Web-HSB取色器，大多是基于CSS3技术中的线性渐变(Linear Gradients)属性实现色域的渲染，而CSS2技术中并不支持线性渐变属性，如此，导致使用CSS2技术的IE9以下浏览器或其它不支持CSS3的浏览器环境中无法使用Web-HSB取色器，可见，现有技术中的Web-HSB取色器存在兼容性较差的问题。因此本领域技术人员亟需寻找一种新的技术方案来解决上述的技术问题。

发明内容

基于此，有必要针对上述技术问题，提供一种Web页面中的HSB取色处理方法、装置、设备及存储介质，解决当前使用CSS2技术的游览器或不支持CSS3技术的游览器不能支持线性渐变属性的问题。

一种Web页面中的HSB取色处理方法，包括：

获取Web页面中的HSB颜色参数；

在所述Web页面绘制包含多个第一划分节点的色谱条框后，获取每个所述第一划分节点的第一RGB颜色参数，并将所有所述第一划分节点的颜色遍历修改为与所述第一RGB颜色参数对应的颜色；所述第一RGB颜色参数是所述第一划分节点的HSB颜色参数经过所述颜色转换函数进行转换处理后得到的；

在所述Web页面绘制包含多个第二划分节点的色域框后，获取每个所述第二划分节点的第二RGB颜色参数，并将所有所述第二划分节点的颜色遍历修改为所述第二RGB颜色参数；所述第二RGB颜色参数是所述第二划分节点的HSB颜色参数经过所述颜色转换函数进行转换处理后得到的；

在接收到用户对所述Web页面中任意的所述第一划分节点进行点击后所触发的onclick事件时，对被点击的所述第一划分节点对应的第一RGB颜色参数和所述第二划分节点对应的第二RGB颜色参数进行交互修改之后，确认对所述Web页面的中的HSB颜色参数的取色处理完成；或

在接收到用户对所述Web页面中任意的所述第二划分节点进行点击后所触发的onclick事件时，对被点击的所述第二划分节点对应的第一RGB颜色参数和所述第一划分节点对应的第一RGB颜色参数进行交互修改之后，确认对所述Web页面的中的HSB颜色参数的取色处理完成。

一种Web页面中的HSB取色处理装置，包括：

获取模块，用于获取Web页面中的HSB颜色参数；