CN113986426A - 图像检测方法、装置、可读介质及电子设备 - Google Patents

Abstract

本申请提供一种图像检测方法、装置、可读介质以及电子设备，所述方法包括：当监测到图像加载过程中的触发事件时，根据触发事件确定待显示图像组件；根据待显示图像组件的渲染对象的属性信息获取待显示图像组件对应的图像尺寸；根据待显示图像组件的绘制边界属性获取待显示图像组件对应的图像组件尺寸，绘制边界属性包括待显示图像组件的可视化区域大小；根据图像组件尺寸和图像尺寸确定是否存在图像异常。本申请技术方案可以对Flutter技术开发的游戏交流社区的待展示图片进行检测。这种检测方法不需要依赖特定的检测工具和检测环境，可以直接在程序运行过程中进行检测，即实现了实时检测；同时可以对图像加载过程中的每一帧图像进行检测，检测范围广。

Description

图像检测方法、装置、可读介质及电子设备

技术领域

本申请属于计算机及图像检测技术领域，具体涉及一种图像检测方法、装置、可读介质以及电子设备。

背景技术

应用(Application)需要通过用户界面(User Interface，UI)所显示的图片来向用户展示一些信息，或与用户进行交互，因此，图片资源对于一个应用来说是必不可少的。然而，图片的使用往往会占用比较多的内存，尤其当图片比较多的情况下，如果使用不当容易造成内存占用过大而导致应用程序卡顿、甚至异常退出等情况，因此，对图片的内存占用进行检测有利于提高应用的流畅性。目前的UI设计大多采用Flutter技术，这种情况下，通常需要使用专门的检测工具对图片的内存占用进行检测，比如Flutter官方的Devtools检测工具。然而，这种检测方式对IDE(Integrated Development Environment，集成开发环境)有较强的的依赖性，当没有合适的检测工具来提供IDE时，难以完成检测。

需要说明的是，在上述背景技术部分公开的信息仅用于加强对本申请的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。

发明内容

本申请的目的在于提供一种图像检测方法、装置、可读介质以及电子设备，以解决相关技术中需要依赖检测工具才能对图片进行检测的问题。

本申请的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本申请的实践而习得。

根据本申请实施例的一个方面，提供一种图像检测方法，包括：

当监测到图像加载过程中的触发事件时，根据所述触发事件确定待显示图像组件，所述待显示图像组件是用于显示预先设定的图像的可视化组件；

根据所述待显示图像组件的渲染对象的属性信息获取所述待显示图像组件对应的图像尺寸，所述渲染对象包括所述待显示图像组件对应的图像；

根据所述待显示图像组件的绘制边界属性获取所述待显示图像组件对应的图像组件尺寸，所述绘制边界属性包括所述待显示图像组件的可视化区域大小；

根据所述图像组件尺寸和所述图像尺寸确定是否存在图像异常。

根据本申请实施例的一个方面，提供一种图像检测装置，包括：

图像组件确定模块，用于当监测到图像加载过程中的触发事件时，根据所述触发事件确定待显示图像组件，所述待显示图像组件是用于显示预先设定的图像的可视化组件；

图像尺寸获取模块，用于根据所述待显示图像组件的渲染对象的属性信息获取所述待显示图像组件对应的图像尺寸，所述渲染对象包括所述待显示图像组件对应的图像；

图像组件尺寸获取模块，用于根据所述待显示图像组件的绘制边界属性获取所述待显示图像组件对应的图像组件尺寸，所述绘制边界属性包括所述待显示图像组件的可视化区域大小；

图像异常确定模块，用于根据所述图像组件尺寸和所述图像尺寸确定是否存在图像异常。

在本申请的一个实施例中，图像尺寸获取模块具体用于：

根据所述待显示图像组件的上下文信息确定所述待显示图像组件对应的实例；根据所述实例确定所述渲染对象，并将所述渲染对象的尺寸属性信息作为所述图像尺寸。

在本申请的一个实施例中，图像组件尺寸获取模块具体用于：

根据所述渲染对象获取所述待显示图像组件的绘制边界属性，将所述绘制边界属性中的可视化区域大小作为所述图像组件尺寸。

在本申请的一个实施例中，所述装置还包括：

监听器注册模块，用于注册监听器，以通过所述监听器监听图像加载过程中的图像帧构建程序，所述图像帧构建程序用于加载所述图像组件中的图像；当所述监听器监测到所述图像组件中的一帧图像加载完成时，生成所述触发事件。

在本申请的一个实施例中，所述装置还包括：

蒙层显示模块，用于当所述图像加载完成时，基于所述待显示图像组件对所述图像进行渲染显示，得到所述待显示图像组件对应的显示界面；当确定存在图像异常时，在所述显示界面表面形成透明度高于预设值的蒙层；通过所述蒙层显示异常提示信息，所述异常提示信息包括所述图像组件尺寸和所述图像尺寸。

在本申请的一个实施例中，所述图像组件尺寸包括图像组件高度和图像组件宽度，所述图像尺寸包括图像高度和图像宽度，图像异常确定模块具体用于：

根据所述图像高度、所述图像组件高度和当前显示设备中单个逻辑像素对应的设备像素数确定尺寸比值；或，根据所述图像宽度、所述图像组件宽度和当前显示设备中单个逻辑像素对应的设备像素数确定尺寸比值；当所述尺寸比值超过预设阈值时，确定存在图像异常。

在本申请的一个实施例中，所述装置还包括：

图像尺寸调整模块，用于当存在图像异常时，根据所述图像组件尺寸对所述图像尺寸进行调整，以使所述图像尺寸与所述图像组件尺寸一致；将调整尺寸后的图像作为所述待显示图像组件的渲染对象进行渲染显示。

根据本申请实施例的一个方面，提供一种计算机可读介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如以上技术方案中的图像检测方法。

根据本申请实施例的一个方面，提供一种电子设备，该电子设备包括：处理器；以及存储器，用于存储所述处理器的可执行指令；其中，所述处理器执行所述可执行指令使所述电子设备执行如以上技术方案中的图像检测方法。

根据本申请实施例的一个方面，提供一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行如以上技术方案中的图像检测方法。

在本申请实施例提供的技术方案中，根据图像加载过程中的触发事件确定待显示图像组件，然后根据待显示图像组件的渲染对象的属性信息获取图像尺寸，以及根据绘制边界属性获取图像组件尺寸，最后将图像尺寸与图像组件尺寸进行比较来确定是否存在图像异常；这种检测方法不需要依赖特定的检测工具和检测环境，可以直接在程序运行过程中进行检测，即实现了实时检测；同时可以对图像加载过程中的每一帧图像进行检测，检测范围广，检测精度高，可有效提高开发效率。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本申请。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本申请的实施例，并与说明书一起用于解释本申请的原理。显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1示意性地示出了应用本申请技术方案的示例性系统架构框图。

图2示意性地示出了本申请一个实施例提供的图像检测方法的流程图。

图3示意性地示出了本申请一个实施例提供的触发事件的生成流程图。

图4示意性地示出了本申请一个实施例提供的通过蒙层提示异常信息的流程图。

图5示意性地示出了本申请一个实施例提供的蒙层的显示界面。

图6示意性地示出了本申请一个实施例提供的图像检测方法的流程图。

图7示意性地示出了本申请实施例提供的图像检测装置的结构框图。

图8示意性示出了适于用来实现本申请实施例的电子设备的计算机系统结构框图。

具体实施方式

现在将参考附图更全面地描述示例实施方式。然而，示例实施方式能够以多种形式实施，且不应被理解为限于在此阐述的范例；相反，提供这些实施方式使得本申请将更加全面和完整，并将示例实施方式的构思全面地传达给本领域的技术人员。

此外，所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施例中。在下面的描述中，提供许多具体细节从而给出对本申请的实施例的充分理解。然而，本领域技术人员将意识到，可以实践本申请的技术方案而没有特定细节中的一个或更多，或者可以采用其它的方法、组元、装置、步骤等。在其它情况下，不详细示出或描述公知方法、装置、实现或者操作以避免模糊本申请的各方面。

附图中所示的方框图仅仅是功能实体，不一定必须与物理上独立的实体相对应。即，可以采用软件形式来实现这些功能实体，或在一个或多个硬件模块或集成电路中实现这些功能实体，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。

附图中所示的流程图仅是示例性说明，不是必须包括所有的内容和操作/步骤，也不是必须按所描述的顺序执行。例如，有的操作/步骤还可以分解，而有的操作/步骤可以合并或部分合并，因此实际执行的顺序有可能根据实际情况改变。

图1示意性地示出了应用本申请技术方案的示例性系统架构框图。

如图1所示，系统架构100可以包括终端设备110、网络120和服务器130。终端设备110可以包括但不限于手机、电脑、智能语音交互设备、智能家电、车载终端等设备。服务器130可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云计算服务的云服务器。网络120可以是能够在终端设备110和服务器130之间提供通信链路的各种连接类型的通信介质，例如可以是有线通信链路或者无线通信链路。

根据实现需要，本申请实施例中的系统架构可以具有任意数目的终端设备、网络和服务器。例如，服务器130可以是由多个服务器设备组成的服务器群组。另外，本申请实施例提供的技术方案可以应用于终端设备110，也可以应用于服务器130，或者可以由终端设备110和服务器130共同实施，本申请对此不做特殊限定。

举例而言，由终端设备110对图像加载过程进行监测，当终端设备110监测到图像加载过程中的触发事件时，根据触发事件确定待显示图像组件，该待显示图像组件是用于显示预先设定的图像的可视化组件；然后根据待显示图像组件的渲染对象的属性信息获取待显示图像组件对应的图像尺寸，其中，渲染对象是指待显示图像组件对应的图像；同时根据待显示图像组件的绘制边界属性获取待显示图像组件对应的图像组件尺寸，绘制边界属性定义了待显示图像组件的可视化区域大小；最后，根据图像组件尺寸和图像尺寸确定是否存在图像异常。一般的，当图像组件尺寸和图像尺寸不一致时，说明存在图像异常。进一步的，当存在图像异常时，可以在终端设备110中显示提示信息，以便用户通过终端设备110获知相应的图像异常信息。

在本申请的一个实施例中，由终端设备110对图像加载过程进行监测，当终端设备110监测到图像加载过程中的触发事件时，将触发事件告知服务器130，服务器130根据触发事件确定待显示图像组件，继而根据待显示图像组件的渲染对象的属性信息获取待显示图像组件对应的图像尺寸，同时根据待显示图像组件的绘制边界属性获取待显示图像组件对应的图像组件尺寸。最后，服务器130根据图像组件尺寸和图像尺寸确定是否存在图像异常。当服务器130确定存在图像异常时，可以将图像异常信息发送至终端设备110，以便用户通过终端设备110获知相应的图像异常信息。

下面结合具体实施方式对本申请提供的图像检测方法做出详细说明。

图2示意性地示出了本申请一个实施例提供的图像检测方法的流程图，该方法可以由终端设备执行，如图1所示的终端设备110；该方法也可以由服务器执行，如图1所示的服务器130。本申请实施例提供的技术方案适用于使用Flutter技术开发的产品的图像检测，例如，通过Flutter技术开发的游戏交流社区，在游戏交流社区中，通常要展示较多图像(如不同游戏官方提供的游戏图像)，本申请实施例提供的图像检测方法可以对游戏交流社区中要展示的图像进行检测，以判断图像展示组件(widget)与待展示图像的尺寸是否匹配，进而节省内存资源。

如图2所示，本申请实施例提供的图像检测方法包括步骤210至步骤240，具体如下：

步骤210、当监测到图像加载过程中的触发事件时，根据触发事件确定待显示图像组件，待显示图像组件是用于显示预先设定的图像的可视化组件。

具体的，图像加载是指在图像渲染之前，将存储在指定地址的图像读取到内存到，指定地址可以是磁盘、硬盘、云端存储地址等。云端存储地址就是通过云存储(cloudstorage)的方式来存储图像。

云存储是在云计算概念上延伸和发展出来的一个新的概念，分布式云存储系统(以下简称存储系统)是指通过集群应用、网格技术以及分布存储文件系统等功能，将网络中大量各种不同类型的存储设备(存储设备也称之为存储节点)通过应用软件或应用接口集合起来协同工作，共同对外提供数据存储和业务访问功能的一个存储系统。

目前，存储系统的存储方法为：创建逻辑卷，在创建逻辑卷时，就为每个逻辑卷分配物理存储空间，该物理存储空间可能是某个存储设备或者某几个存储设备的磁盘组成。客户端在某一逻辑卷上存储数据，也就是将数据存储在文件系统上，文件系统将数据分成许多部分，每一部分是一个对象，对象不仅包含数据而且还包含数据标识(ID，Identity)等额外的信息，文件系统将每个对象分别写入该逻辑卷的物理存储空间，且文件系统会记录每个对象的存储位置信息，从而当客户端请求访问数据时，文件系统能够根据每个对象的存储位置信息让客户端对数据进行访问。

存储系统为逻辑卷分配物理存储空间的过程，具体为：按照对存储于逻辑卷的对象的容量估量(该估量往往相对于实际要存储的对象的容量有很大余量)和独立冗余磁盘阵列(RAID，Redundant Array of Independent Disk)的组别，预先将物理存储空间划分成分条，一个逻辑卷可以理解为一个分条，从而为逻辑卷分配了物理存储空间。

图像加载是图像渲染的准备工作，图像渲染就是将内存中的图像绘制显示到屏幕上，因此，图像渲染又称为图像绘制或上屏操作。图像加载和图像渲染均是图像显示的步骤。

在flutter中，图像显示通过图像组件(Image Widget)来实现，该图像组件是一种用于显示预先设定的图像的可视化组件，每一张需要显示的图像都有其对应的图像组件。

图像加载过程中的触发事件相当于图像加载完成的通知事件，即用于通知一帧图像(或一张图像)已经加载完成，准备进行渲染。该触发事件的具体内容包括当前加载完成的图像所对应的图像组件，该图像组件是接下来需要显示的组件，故而称为待显示图像组件。

在本申请的一个实施例中，如图3所示，触发事件的生成过程包括步骤310至步骤320，具体为：

步骤310、注册监听器，以通过监听器监听图像加载过程中的图像帧构建程序，图像帧构建程序用于加载图像组件中的图像。

具体的，监听器实际上是一种用来实现监听功能的程序，其主要用于监听其他程序(即监听器的目标对象或监听目标)的方法调用或属性的改变，并且，当监听到目标对象发生上述事件(即方法调用或属性的改变)时，立即做出预先设定好的响应动作，如返回某个参数、生成某个消息、调用函数等。比如，当监听到用户点击按钮时，立即跳转到另一个页面，“点击按钮”即为监听目标，“跳转到另一个页面”则为预先设定好的响应动作。

注册监听器，实际上就是将监听目标写入监听器中。在本申请实施例中，监听器的监听目标是图像帧构建程序(ImageFrameBuilder)，图像帧构建程序就是一种用于加载图像组件中的图像的程序。

步骤320、当监听器监测到图像组件中的一帧图像加载完成时，生成触发事件。

具体的，一帧图像即一张图像，本申请实施例提供的技术方案需要对每一张图像进行检测，因此，当监测到图像组件中的一帧图像加载完成时，监听器立即生成触发事件。在本申请实施例中，触发事件是系统回调，系统回调就是指系统执行预先设定的回调函数，该回调函数将提供当前已加载完成的图像对应的待显示图像组件(也就是当前widget对象)，因此，基于触发事件可以确定待显示图像组件。

继续参考图2，步骤220、根据待显示图像组件的渲染对象的属性信息获取待显示图像组件对应的图像尺寸，渲染对象包括待显示图像组件对应的图像。

具体的，渲染对象(RenderObject)是指需要渲染绘制的图像，实际上渲染对象就相当于加载完成后存储在内存中的图像，该图像也称为原始图像(RawImage)，可简称原图。渲染对象包括多种属性信息，如原图的内存地址、原图的尺寸大小等。待显示图像组件对应的图像尺寸就是指带显示图像组件对应的原图的尺寸，那么，渲染对象属性信息中的原图尺寸大小即为待显示图像组件对应的图像尺寸。

在本申请的一个实施例中，图像尺寸的获取过程具备为：根据待显示图像组件的上下文信息确定待显示图像组件对应的实例；根据实例确定渲染对象，并将渲染对象的尺寸属性信息作为图像尺寸。

具体的，Flutter具有一致的统一对象模型：组件(Widget)，也即，Flutter中一切皆Widget。对于一个可视化UI界面，实际包含多个Widget，这多个Widget将形成Widget树，那么对于每个Widget，都有其对应的上下文信息(Context)，Context包括widget在Widget树中的引用关系或其他配置信息。基于Widget树，Context也会形成Context树。

在实现Widget所设定的功能时，通常需要构建Widget对应的实例(Element，也可称为元素)，也就是creatElement，那么，Widget相当于Element的配置信息，Element是widget实例。在Flutter中，BuildContext就是Widget对应的Element。每个Widget都有其对应的Element(或称为实例对象ElementObject)，Element也会构成Element树。因此，Context于Element之间存在一定的关联关系，根据待显示图像组件的上下文信息可以确定该待显示图像组件对应的实例。

在Element中，有一个renderObject属性，该属性与对应的RenderObject实例关联，而RenderObject实例就是指渲染对象，也就是原图(RawImage)。RenderObject中有一个Image类型的属性，该属性定义了原图(RawImage)及原图(RawImage)相关尺寸信息。因此，根据实例可以确定渲染对象，那么渲染对象的尺寸属性信息即为图像尺寸。

在本申请的一个实施例中，Flutter界面的渲染过程分为三个阶段：布局、绘制、合成，布局和绘制在Flutter框架中完成，合成则交由引擎(Fluter engine)负责。在engine中的./lib/ui/painting/codec.cc文件中展示了调用dart代码的方法：

static sk_sp<SkImage>DecodeImage(fml::WeakPtr<GrContext>context,sk_sp<SkData>buffer,size_t trace_id)

这个方法用于生成一个SkImage，并将图像的主要属性(如图像的宽、高等属性)映射到flutter中的ui.Image类中。这个ui.Image就是可以直接通过canvas(绘制)渲染到屏幕上的数据，也就是待显示图像组件对应的图像及图像尺寸等数据。因此，可以通过获取ui.Image的方法得到待显示图像组件对应的图像尺寸。

继续参考图2，步骤230、根据待显示图像组件的绘制边界属性获取待显示图像组件对应的图像组件尺寸，绘制边界属性包括待显示图像组件的可视化区域大小。

具体的，绘制边界属性(paintBounds)定义了带显示图像组件相对于显示设备的显示屏幕的相对位置，同时还包括待显示图像组件的可视化区域大小，也就是图像组件尺寸。

在本申请的一个实施例中，渲染对象(RenderObject)这个类会提供绘制边界属性(paintBounds)，因此，根据渲染对象可以获取待显示图像组件的绘制边界属性。在绘制边界属性(paintBounds)中，有一个组件矩形框大小属性(WidgetRect)，这个WidgetRect属性就是指待显示图像组件的可视化区域大小，简单来说，就是待显示图像组件的大小，故而该属性就是图像组件尺寸。

继续参考图2，步骤240、根据图像组件尺寸和图像尺寸确定是否存在图像异常。

具体的，当获取到图像组件尺寸和图像尺寸后，将图像组件尺寸与图像尺寸进行比较，以确定二者是否相符。当图像组件尺寸与图像尺寸一致时，说明待显示图像组件的大小与原图大小是相符的，故而不存在图像异常；当图像组件尺寸与图像尺寸不一致时，说明待显示图像组件的大小与原图大小不匹配，即存在图像异常。

在本申请实施例提供的技术方案中，根据图像加载过程中的触发事件确定待显示图像组件，然后根据待显示图像组件的渲染对象的属性信息获取图像尺寸，以及根据绘制边界属性获取图像组件尺寸，最后将图像尺寸与图像组件尺寸进行比较来确定是否存在图像异常；这种检测方法不需要依赖特定的检测工具和检测环境，可以直接在程序运行过程中进行检测，即实现了实时检测；同时可以对图像加载过程中的每一帧图像进行检测，检测范围广，检测精度高，可有效提高开发效率。

在本申请的一个实施例中，根据图像组件尺寸和图像尺寸确定是否存在图像异常的步骤具体包括：根据图像高度、图像组件高度和当前显示设备中单个逻辑像素对应的设备像素数确定尺寸比值；或，根据图像宽度、图像组件宽度和当前显示设备中单个逻辑像素对应的设备像素数确定尺寸比值；当尺寸比值超过预设阈值时，确定存在图像异常。

具体的，图像尺寸或图像组件尺寸通常以长和宽来表示，故而图像组件尺寸包括图像组件高度(widgetHeight)和图像组件宽度(widgetWidth)，图像尺寸包括图像高度(image.height)和图像宽度(image.width)。

图像尺寸的单位是像素，而像素分为物理像素和逻辑像素。物理像素也称为设备像素(Device Pixel)，是指显示设备的显示屏幕上实际拥有的像素点，也是通常所说的像素，简记为px。设备的物理像素通常以屏幕的分辨率体现，例如，一个显示设备的分辨率为750*1334，就是说该设备的显示屏在宽度(width)方向上具有750个物理像素点，在高度(height)方向上具有1334个物理像素点。对于一个确定的显示设备，由于其分辨率是固定的，故而一个设备的物理像素也是固定的。

逻辑像素又称为设备独立像素(Device Independent Pixel，DIP)，可以理解为反映在CSS(Cascading Style Sheets，层叠样式表)里的像素点，是独立于设备的用于逻辑上衡量高度的单位，可以看做一种抽象像素(虚拟像素)，由底层系统的程序使用，需要转换为物理像素应用。逻辑像素与显示设备的屏幕密度有关，是可以随着显示设备的不同而变化的。逻辑像素使得应用程序可以抽象像素为单位进行测量，而底层图形系统将应用程序的抽象像素测量值转换为适合于当前显示设备的物理像素，这样就可以使显示信息扩展到不同的屏幕尺寸进行应用。

在本申请实施例中，图像尺寸是指原始图像尺寸，其单位为物理像素，而图像组件尺寸的单位是逻辑像素。因此，要比较图像尺寸和图像组件尺寸，需要对其中一个进行转化，以使二者单位相同。由于显示设备的物理像素是固定，因此，将图像组件尺寸的逻辑像素转换为物理像素之后再与图像尺寸进行比较会较为方便和精准。在本申请实施例中，将图像组件尺寸乘以当前显示设备中单个逻辑像素对应的设备像素数，即可将图像组件尺寸从逻辑像素转换为物理像素。当前显示设备中单个逻辑像素对应的设备像素数，其实就是指当前显示设备中1个逻辑像素可以换算成几个物理像素，这个数值也称为设备像素比(Device Pixel Ratio，DPR)。

在本申请实施例中，图像组件尺寸和图像尺寸的比较是将图像组件高度和图像高度进行比较，将图像组件宽度和图像宽度进行比较，当二者之中有一项不符合条件，则认为存在图像异常。具体而言，当以下两式中有一式成立，即认为存在图像异常：

image.width/(widgetWidth*devicePixelRatio)>defaultAlarmRatio

image.height/(widgetHeight*devicePixelRatio)>defaultAlarmRatio

其中，defaultAlarmRatio是预先设定的阈值，考虑到误差，一般设置为略大于1的数，例如1.2。当image.width＝(widgetWidth*devicePixelRatio)，且image.height＝(widgetHeight*devicePixelRatio)时，则说明图像组件尺寸和图像尺寸是完全匹配的，此时不存在图像异常。

一般情况下，图像异常是指图像尺寸大于图像组件尺寸。若是图像尺寸小于图像组件尺寸，则会导致图像渲染显示后，图像组件的部分区域是空白，故而图像尺寸小于图像组件尺寸的情况较少。本申请实施例中的预设阈值用于判断图像尺寸是否大于图像组件尺寸，若需要判断图像尺寸是否小于图像组件尺寸，则可以设置另一较小的阈值(如0.9)，当图像高度与图像组件高度的比值(image.height/(widgetHeight*devicePixelRatio))小于该阈值，或图像宽度与图像组件宽度的比值(image.width/(widgetWidth*devicePixelRatio))小于该阈值时，则说明图像尺寸小于图像组件尺寸。

在本申请的一个实施例中，如图4所示，本申请实施例提供的图像检测方法还包括步骤410至步骤430，具体为：

步骤410、当图像加载完成时，基于待显示图像组件对图像进行渲染显示，得到待显示图像组件对应的显示界面。

具体的，由于本申请实施例提供的图像检测方法是对图像尺寸进行检测，并不影响图像的显示过程，故而在图像加载完成后，系统将基于待显示图像组件对图像进行渲染显示，这样显示设备的显示屏幕上就可以看到待显示图像组件对应的显示界面。

步骤420、当确定存在图像异常时，在显示界面表面形成透明度高于预设值的蒙层。

具体的，当确定存在图像异常时，需要通知开发人员相应的异常信息。本实施例中，通过在显示界面表面形成一透明度高于预设值的蒙城来通知异常信息。蒙层，顾名思义，就是“蒙在上面的层”。设定蒙层的透明度高于预设值，既起到信息提示作用，又不会影响显示界面中的图像显示。

在本申请的一个实施例中，蒙层的大小可以等于显示界面，也可以小于显示界面，还可以大于显示界面(在显示设备的显示屏幕的尺寸范围内)。本申请实施例对此不做限制。

步骤430、通过蒙层显示异常提示信息，异常提示信息包括图像组件尺寸和图像尺寸。

具体的，蒙层上将显示异常提示信息，该异常提示信息可以包括图像组件尺寸和图像尺寸，以便开发人员快速了解异常信息的具体内容。示例性的，如具有蒙层的显示界面如图5所示，该蒙层上显示了图像组件尺寸为379x675(物理像素)，图像尺寸为1512x2688。

在本申请的一个实施例中，本申请实施例提供的图像检测方法还包括：当存在图像异常时，根据图像组件尺寸对图像尺寸进行调整，以使图像尺寸与图像组件尺寸一致；将调整尺寸后的图像作为待显示图像组件的渲染对象进行渲染显示。

具体的，当存在图像异常时，可以根据图像组件尺寸对图像尺寸进行快速调整，即使图像尺寸与图像组件尺寸一致。例如，通过降低原图的清晰度来减小图像尺寸，或查找原图的备用图像等。最后将调整尺寸后的图像作为待显示图像组件的渲染对象进行渲染显示。

在本申请实施例提供的技术方案中，通过蒙层显示异常提示信息以便开发人员对图像尺寸进行调整，或根据图像组件尺寸对图像尺寸自动进行调整，可以使图像尺寸与图像组件尺寸保持一致，这样可以有效避免过大的原图占用较多的内存空间的情况出现，从而有效节省了内存资源，实现了内存优化。

示例性的，图6示意性地示出了本申请一个实施例提供的图像检测方法的流程图，如图6所示，该方法包括：

步骤610、启动应用，注册Image.FrameBuilder。ImageFrameBuilder就是图像帧构建程序，注册ImageFrameBuilder就是指注册监听ImageFrameBuilder的监听器。

步骤620、监听帧回调。当监听器监听到一帧图像加载完成时，将生成系统回调，系统回调就是指系统执行预先设定的回调函数，该回调函数将提供当前已加载完成的图像对应的待显示图像组件(也就是当前widget对象)。

步骤630、检测图片宽高和组件宽高比。基于系统回调获取待显示图像组件的图像组件尺寸和图像尺寸，该图像组件尺寸包括图像组件高度(widgetHeight)和图像组件宽度(widgetWidth)，该图像尺寸包括图像高度(image.height)和图像宽度(image.width)。然后将图像组件高度和图像高度进行比较，将图像组件宽度和图像宽度进行比较。在比较时，要先要将图像组件尺寸乘以当前显示设备中单个逻辑像素对应的设备像素数，以将图像组件尺寸的单位从逻辑像素转换为物理像素。具体比较方法可以参考前文相关描述，在此不再赘述。

在获取待显示图像组件的图像组件尺寸和图像尺寸时，首先要确定待显示图像组件的渲染对象，然后根据渲染对象的属性信息获取图像尺寸，并根据绘制边界属性获取图像组件尺寸，具体可以参考前文相关描述，在此不再赘述。

步骤640、当图片宽高和组件宽高比超过阈值时，返回加了蒙层的图像，进行蒙层提示。即，当图片宽高和组件宽高比不一致时，在渲染后的显示界面上增加一蒙层，通过蒙层提示图片宽高和组件宽高不一致的具体信息。如图5所示的蒙层。

步骤650、当图片宽高和组件宽高比没有超过阈值时，返回原始图像。即，当图片宽高和组件宽高比一致时，直接渲染显示原始图像，不做信息提示。

应当注意，尽管在附图中以特定顺序描述了本申请中方法的各个步骤，但是，这并非要求或者暗示必须按照该特定顺序来执行这些步骤，或是必须执行全部所示的步骤才能实现期望的结果。附加的或备选的，可以省略某些步骤，将多个步骤合并为一个步骤执行，以及/或者将一个步骤分解为多个步骤执行等。

以下介绍本申请的装置实施例，可以用于执行本申请上述实施例中的图像检测方法。图7示意性地示出了本申请实施例提供的图像检测装置的结构框图。如图7所示，本申请实施例提供的图像检测装置包括：

图像组件确定模块710，用于当监测到图像加载过程中的触发事件时，根据所述触发事件确定待显示图像组件，所述待显示图像组件是用于显示预先设定的图像的可视化组件；

图像尺寸获取模块720，用于根据所述待显示图像组件的渲染对象的属性信息获取所述待显示图像组件对应的图像尺寸，所述渲染对象包括所述待显示图像组件对应的图像；

图像组件尺寸获取模块730，用于根据所述待显示图像组件的绘制边界属性获取所述待显示图像组件对应的图像组件尺寸，所述绘制边界属性包括所述待显示图像组件的可视化区域大小；

图像异常确定模块740，用于根据所述图像组件尺寸和所述图像尺寸确定是否存在图像异常。

在本申请的一个实施例中，图像尺寸获取模块720具体用于：

根据所述待显示图像组件的上下文信息确定所述待显示图像组件对应的实例；根据所述实例确定所述渲染对象，并将所述渲染对象的尺寸属性信息作为所述图像尺寸。

在本申请的一个实施例中，图像组件尺寸获取模块730具体用于：

根据所述渲染对象获取所述待显示图像组件的绘制边界属性，将所述绘制边界属性中的可视化区域大小作为所述图像组件尺寸。

在本申请的一个实施例中，所述装置还包括：

监听器注册模块，用于注册监听器，以通过所述监听器监听图像加载过程中的图像帧构建程序，所述图像帧构建程序用于加载所述图像组件中的图像；当所述监听器监测到所述图像组件中的一帧图像加载完成时，生成所述触发事件。

在本申请的一个实施例中，所述装置还包括：

蒙层显示模块，用于当所述图像加载完成时，基于所述待显示图像组件对所述图像进行渲染显示，得到所述待显示图像组件对应的显示界面；当确定存在图像异常时，在所述显示界面表面形成透明度高于预设值的蒙层；通过所述蒙层显示异常提示信息，所述异常提示信息包括所述图像组件尺寸和所述图像尺寸。

在本申请的一个实施例中，所述图像组件尺寸包括图像组件高度和图像组件宽度，所述图像尺寸包括图像高度和图像宽度，图像异常确定模块740具体用于：

根据所述图像高度、所述图像组件高度和当前显示设备中单个逻辑像素对应的设备像素数确定尺寸比值；或，根据所述图像宽度、所述图像组件宽度和当前显示设备中单个逻辑像素对应的设备像素数确定尺寸比值；当所述尺寸比值超过预设阈值时，确定存在图像异常。

在本申请的一个实施例中，所述装置还包括：

图像尺寸调整模块，用于当存在图像异常时，根据所述图像组件尺寸对所述图像尺寸进行调整，以使所述图像尺寸与所述图像组件尺寸一致；将调整尺寸后的图像作为所述待显示图像组件的渲染对象进行渲染显示。

本申请各实施例中提供的图像检测装置的具体细节已经在对应的方法实施例中进行了详细的描述，此处不再赘述。

图8示意性地示出了用于实现本申请实施例的电子设备的计算机系统结构框图。

需要说明的是，图8示出的电子设备的计算机系统800仅是一个示例，不应对本申请实施例的功能和使用范围带来任何限制。

如图8所示，计算机系统800包括中央处理器801(Central Processing Unit，CPU)，其可以根据存储在只读存储器802(Read-Only Memory，ROM)中的程序或者从存储部分808加载到随机访问存储器803(Random Access Memory，RAM)中的程序而执行各种适当的动作和处理。在随机访问存储器803中，还存储有系统操作所需的各种程序和数据。中央处理器801、在只读存储器802以及随机访问存储器803通过总线804彼此相连。输入/输出接口805(Input/Output接口，即I/O接口)也连接至总线804。

以下部件连接至输入/输出接口805：包括键盘、鼠标等的输入部分806；包括诸如阴极射线管(Cathode Ray Tube，CRT)、液晶显示器(Liquid Crystal Display，LCD)等以及扬声器等的输出部分807；包括硬盘等的存储部分808；以及包括诸如局域网卡、调制解调器等的网络接口卡的通信部分809。通信部分809经由诸如因特网的网络执行通信处理。驱动器810也根据需要连接至输入/输出接口805。可拆卸介质811，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器810上，以便于从其上读出的计算机程序根据需要被安装入存储部分808。

特别地，根据本申请的实施例，各个方法流程图中所描述的过程可以被实现为计算机软件程序。例如，本申请的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分809从网络上被下载和安装，和/或从可拆卸介质811被安装。在该计算机程序被中央处理器801执行时，执行本申请的系统中限定的各种功能。

需要说明的是，本申请实施例所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(Erasable Programmable Read Only Memory，EPROM)、闪存、光纤、便携式紧凑磁盘只读存储器(Compact Disc Read-Only Memory，CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本申请中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本申请中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者处理用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质处理，包括但不限于：无线、有线等等，或者上述的任意合适的组合。

附图中的流程图和框图，图示了按照本申请各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

应当注意，尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元，但是这种划分并非强制性的。实际上，根据本申请的实施方式，上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之，上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。

通过以上的实施方式的描述，本领域的技术人员易于理解，这里描述的示例实施方式可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本申请实施方式的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、触控终端、或者网络设备等)执行根据本申请实施方式的方法。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本申请的其它实施方案。本申请旨在涵盖本申请的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本申请的一般性原理并包括本申请未公开的本技术领域中的公知常识或惯用技术手段。

应当理解的是，本申请并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本申请的范围仅由所附的权利要求来限制。

Claims (10)

1.一种图像检测方法，其特征在于，包括：

当监测到图像加载过程中的触发事件时，根据所述触发事件确定待显示图像组件，所述待显示图像组件是用于显示预先设定的图像的可视化组件；

根据所述待显示图像组件的渲染对象的属性信息获取所述待显示图像组件对应的图像尺寸，所述渲染对象包括所述待显示图像组件对应的图像；

根据所述待显示图像组件的绘制边界属性获取所述待显示图像组件对应的图像组件尺寸，所述绘制边界属性包括所述待显示图像组件的可视化区域大小；

根据所述图像组件尺寸和所述图像尺寸确定是否存在图像异常。

2.根据权利要求1所述的图像检测方法，其特征在于，根据所述待显示图像组件的渲染对象的属性信息获取所述待显示图像组件对应的图像尺寸，包括：

根据所述待显示图像组件的上下文信息确定所述待显示图像组件对应的实例；

根据所述实例确定所述渲染对象，并将所述渲染对象的尺寸属性信息作为所述图像尺寸。

3.根据权利要求2所述的图像检测方法，其特征在于，根据所述待显示图像组件的绘制边界属性获取所述待显示图像组件对应的图像组件尺寸，包括：

根据所述渲染对象获取所述待显示图像组件的绘制边界属性，将所述绘制边界属性中的可视化区域大小作为所述图像组件尺寸。

4.根据权利要求1所述的图像检测方法，其特征在于，在当监测到图像加载过程中的触发事件时，根据所述触发事件确定待显示图像组件之前，所述方法还包括：

注册监听器，以通过所述监听器监听图像加载过程中的图像帧构建程序，所述图像帧构建程序用于加载所述图像组件中的图像；

当所述监听器监测到所述图像组件中的一帧图像加载完成时，生成所述触发事件。

5.根据权利要求4所述的图像检测方法，其特征在于，所述方法还包括：

当所述图像加载完成时，基于所述待显示图像组件对所述图像进行渲染显示，得到所述待显示图像组件对应的显示界面；

当确定存在图像异常时，在所述显示界面表面形成透明度高于预设值的蒙层；

通过所述蒙层显示异常提示信息，所述异常提示信息包括所述图像组件尺寸和所述图像尺寸。

6.根据权利要求1所述的图像检测方法，其特征在于，所述图像组件尺寸包括图像组件高度和图像组件宽度，所述图像尺寸包括图像高度和图像宽度，根据所述图像组件尺寸和所述图像尺寸确定是否存在图像异常，包括：

根据所述图像高度、所述图像组件高度和当前显示设备中单个逻辑像素对应的设备像素数确定尺寸比值；或

根据所述图像宽度、所述图像组件宽度和当前显示设备中单个逻辑像素对应的设备像素数确定尺寸比值；

当所述尺寸比值超过预设阈值时，确定存在图像异常。

7.根据权利要求1所述的图像检测方法，其特征在于，所述方法还包括：

当存在图像异常时，根据所述图像组件尺寸对所述图像尺寸进行调整，以使所述图像尺寸与所述图像组件尺寸一致；

将调整尺寸后的图像作为所述待显示图像组件的渲染对象进行渲染显示。

8.一种图像检测装置，其特征在于，包括：

图像组件确定模块，用于当监测到图像加载过程中的触发事件时，根据所述触发事件确定待显示图像组件，所述待显示图像组件是用于显示预先设定的图像的可视化组件；

图像尺寸获取模块，用于根据所述待显示图像组件的渲染对象的属性信息获取所述待显示图像组件对应的图像尺寸，所述渲染对象包括所述待显示图像组件对应的图像；

图像组件尺寸获取模块，用于根据所述待显示图像组件的绘制边界属性获取所述待显示图像组件对应的图像组件尺寸，所述绘制边界属性包括所述待显示图像组件的可视化区域大小；

图像异常确定模块，用于根据所述图像组件尺寸和所述图像尺寸确定是否存在图像异常。

9.一种计算机可读介质，其上存储有计算机程序，其特征在于，该计算机程序被处理器执行时实现权利要求1至7中任意一项所述的图像检测方法。

10.一种电子设备，其特征在于，包括：

处理器；以及

存储器，用于存储所述处理器的可执行指令；

其中，所述处理器执行所述可执行指令使所述电子设备执行权利要求1至7中任意一项所述的图像检测方法。

Images