[发明专利]页面比对方法、装置、电子设备及计算机存储介质

说明书

本申请实施例公开一种页面比对方法、装置、电子设备及计算机存储介质，该方法包括：根据加载的参考图像获得第一参考页面；对所述第一参考页面的颜色属性进行反转处理，得到第二参考页面；叠加所述第二参考页面和还原页面，得到重叠页面，所述还原页面是以所述参考图像为样本还原出的前端页面；根据所述重叠页面的色彩和所述重叠页面的重影区域检测结果确定所述还原页面相较于所述参考图像的比对结果。实施本申请实施例，能够基于补色原理和重影区域检测，可以确定出还原页面相较于参考图像是否存在误差，自动得到还原页面相较于参考图像的比对结果，可以减少人工介入，提高了页面比对的工作效率。

技术领域

本申请涉及图像处理技术领域，具体涉及页面比对方法、装置、电子设备及计算机存储介质。

背景技术

前端页面的开发流程一般为前端开发人员根据设计师提供的设计稿件进行页面还原。然而，相较于设计稿件，还原出的前端页面难免会存在一定的误差。现有的解决方案一般依靠设计师或者前端开发人员进行人工检查，过于依赖人工经验，工作效率较低。

发明内容

本申请实施例公开了一种页面比对方法、装置、电子设备及计算机存储介质，能够提高页面比对的工作效率。

本申请实施例公开一种页面比对方法，所述方法包括：根据加载的参考图像获得第一参考页面；对所述第一参考页面的颜色属性进行反转处理，得到第二参考页面；叠加所述第二参考页面和还原页面，得到重叠页面，所述还原页面是以所述参考图像为样本还原出的前端页面；根据所述重叠页面的色彩和所述重叠页面的重影区域检测结果确定所述还原页面相较于所述参考图像的比对结果。

本申请实施例公开一种页面比对装置，包括：加载模块，用于根据加载的参考图像获得第一参考页面；处理模块，用于对所述第一参考页面的颜色属性进行反转处理，得到第二参考页面；叠加模块，用于叠加所述第二参考页面和还原页面，得到重叠页面，所述还原页面是以所述参考图像为样本还原出的前端页面；比对模块，用于根据所述重叠页面的色彩纯度和所述重叠页面的重影区域检测结果确定所述还原页面相较于所述参考图像的比对结果。

本申请实施例公开一种电子设备，包括存储器及处理器，所述存储器中存储有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器实现本申请实施例公开的任意一种页面比对方法。

本申请实施例公开一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现本申请实施例公开的任意一种页面比对方法。

与相关技术相比，本申请实施例具有以下有益效果：

在本申请实施例中，对由参考图像得到的第一参考页面的颜色属性进行反转，得到颜色属性完全反转的第二参考页面。对第二参考页面和还原页面进行叠加，可得到重叠页面。基于互为补色的颜色叠加后得到灰色的补色原理，在还原页面与参考页面相一致时，叠加得到的重叠页面的颜色不同于还原页面与参考页面存在误差时叠加得到的重叠页面。此外，在还原页面与参考页面存在误差时，叠加得到的重叠页面还可能会出现重影区域。因此，根据重叠页面的色彩和重影区域检测结果，电子设备可自动确定出还原页面相较于参考图像的比对结果，从而可以在页面比对时减少人工接入，提高了页面比对的工作效率。

附图说明

为了更清楚地说明本申请实施例中的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本申请实施例公开的一种页面比对方法的流程示意图；

图2A是本申请实施例公开的一种重叠页面的效果示例图；

图2B是本申请实施例公开的另一种重叠页面的效果示例图；

图2C是本申请实施例公开的另一种重叠页面的效果示例图；