[发明专利]一种界面取色方法、装置、设备及存储介质

权利要求书

1.一种界面取色方法，其特征在于，包括以下步骤：

截取前端显示界面，在前端生成图片；

确定在前端选取的取色点，获取取色点的坐标值；

根据取色点的坐标值，获取取色点的颜色值；

将颜色值写入颜色窗口。

2.根据权利要求1所述的取色方法，其特征在于，所述截取前端显示界面，在前端生成图片包括：通过html2canvas对前端显示界面进行截屏，在前端生成图片。

3.根据权利要求2所述的取色方法，其特征在于，所述通过html2canvas对前端显示界面进行截屏，在前端生成图片包括如下步骤：

通过html2canvas将前端显示界面抓取到canvas中；

调用canvas.toDataURL()方法，将被抓取到canvas中的前端显示界面转换成base64字符串；

新建img标签，将base64字符串赋值给img标签的src属性；

将img标签添加到当前界面，并将宽度和高度均设置成100％。

4.根据权利要求1-3任意一项所述的取色方法，其特征在于，所述确定在前端选取的取色点，获取取色点的坐标值包括以下步骤，

监测鼠标/光标的移动路径，确定鼠标/光标停留处的坐标值；

根据鼠标/光标停留处的坐标值，确定取色点在图片上的坐标值；

或，包括以下步骤，

监测触摸屏的触摸点，确定触摸点的坐标值；

根据触摸点的坐标值，确定取色点在图片上的坐标。

5.根据权利要求1-3任意一项所述的取色方法，其特征在于，所述根据取色点的坐标值，确定取色点的颜色值包括如下步骤，

根据取色点的坐标值，确定取色点在图片上相对应的像素点；

计算提取的像素点的RGB值和/或CMYK值和/或HEX值；

或，包括以下步骤，

根据取色点的坐标值，确定取色点在图片上相对应的像素点；

计算提取的像素点的RGB值和/或CMYK值和/或HEX值；

将提取的像素点的RGB值和/或CMYK值和/或HEX值进行放大显示。

6.一种界面取色装置，其特征在于，包括：

前端截图单元，用于对前端显示界面进行截图处理，并在前端生成图片；

坐标值获取单元，用于确定在前端选取的取色点，获取取色点的坐标值；

颜色值获取单元，用于根据取色点的坐标值，获取取色点的颜色值；

颜色值写入单元，用于将颜色值写入颜色窗口。

7.根据权利要求6所述的取色装置，其特征在于，所述前端截图单元包括html2canvas，所述html2canvas用于对前端显示界面进行截屏，在前端生成图片。

8.根据权利要求6或7任意一项所述的取色装置，其特征在于，所述坐标值获取单元包括，

鼠标/光标监测单元，用于监测鼠标/光标的移动路径，确定鼠标/光标停留处的坐标值；

坐标值确定单元，用于根据鼠标/光标停留处的坐标值，确定取色点在图片上的坐标值；

或，包括，

触摸监测单元，用于监测触摸屏的触摸点，确定触摸点的坐标值；

坐标值确定单元，用于根据触摸点的坐标值，确定取色点在图片上的坐标值。

9.根据权利要求6或7任意一项所述的取色装置，其特征在于，所述颜色值获取单元具体包括：

像素点确定单元，用于根据取色点的坐标值，确定取色点在图片上相对应的像素点；

颜色值计算单元，用于计算提取的像素点的RGB值和/或CMYK值和/或HEX值；

或，包括，

像素点确定单元，用于根据取色点的坐标值，确定取色点在图片上相对应的像素点；

颜色值计算单元，用于计算提取的像素点的RGB值和/或CMYK值和/或HEX值；

放大显示单元，用于将提取的像素点的RGB值和/或CMYK值和/或HEX值进行放大显示。