CN110489252B - 图片处理方法、装置、计算机可读存储介质和计算机设备 - Google Patents

Abstract

本申请涉及一种图片处理方法，包括：根据图片显示请求显示目标图片；当所述目标图片显示失败时，获取错误信息；根据所述错误信息获取对应的背景图；根据所述错误信息对所述背景图进行绘制，并显示绘制后的背景图。通过这种方式，技术人员即可根据显示的绘制后的背景图上的错误信息定位到目标图片未显示出来的原因，用绘制有错误信息的背景图代替无法显示的目标图片的方式，能更方便的对导致图片显示异常的问题进行定位。

Description

图片处理方法、装置、计算机可读存储介质和计算机设备

技术领域

本申请涉及计算机技术领域，特别是涉及一种图片处理方法、装置、计算机可读存储介质和计算机设备。

背景技术

随着计算机技术的飞速发展，使用网络获取信息已成为日常活动。然而，在通过移动数据网络或者无线网浏览图片或包含有图片的信息时，若是网络异常或者客户端异常，都有可能导致图片显示失败，显示失败的图片则无法正常显示。

传统技术中，当图片显示失败时常采用的处理方式是，显示一张默认的以灰色为底色的图片或者显示一张带有错误提示的图片，但这种处理方式下，技术人员仍然需要再通过查阅日志记录以及根据终端上报的数据进行分析再定位问题。

发明内容

基于此，有必要针对上述技术问题，提供一种能更方便的对图片显示异常进行问题定位的图片处理方法、装置、计算机可读存储介质和计算机设备。

一种图片处理方法，包括：

根据图片显示请求显示目标图片；

当所述目标图片显示失败时，获取错误信息；

根据所述错误信息获取对应的背景图；

根据所述错误信息对所述背景图进行绘制，并显示绘制后的背景图。

一种图片处理装置，所述装置包括：

目标图片显示模块，用于根据图片显示请求显示目标图片；

错误信息获取模块，用于当所述目标图片显示失败时，获取错误信息；

背景图获取模块，用于根据所述错误信息获取对应的背景图；

绘制模块，用于根据所述错误信息对所述背景图进行绘制，并显示绘制后的背景图。

一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现以下步骤：

根据图片显示请求显示目标图片；

当所述目标图片显示失败时，获取错误信息；

根据所述错误信息获取对应的背景图；

根据所述错误信息对所述背景图进行绘制，并显示绘制后的背景图。

一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现以下步骤：

根据图片显示请求显示目标图片；

当所述目标图片显示失败时，获取错误信息；

根据所述错误信息获取对应的背景图；

根据所述错误信息对所述背景图进行绘制，并显示绘制后的背景图。

上述图片处理方法、装置、计算机可读存储介质和计算机设备，根据图片显示请求显示目标图片，当目标图片显示失败时，则获取错误信息，根据错误信息获取到对应的背景图，并根据错误信息对背景图进行绘制后则显示绘制后的背景图，技术人员即可根据显示的绘制后的背景图上的错误信息定位到目标图片未显示出来的原因，用绘制有错误信息的背景图代替无法显示的目标图片的方式，能更方便的对引起图片显示失败的问题进行定位。

附图说明

图1为一个实施例中图片处理方法的应用环境图；

图2为一个实施例中图片处理方法的流程示意图；

图3为一个实施例中错误信息对背景图进行绘制步骤的流程示意图；

图4为一个实施例中偏移量计算的示意图；

图5为另一个实施例中错误信息对背景图进行绘制步骤的流程示意图；

图6为另一个实施例中图片处理方法的流程示意图；

图7为一个实施例中背景图的界面示意图；

图8为又一个实施例中图片处理方法的流程示意图；

图9为一个实施例中确定错误类型的流程示意图；

图10为一个实施例中QQ空间目标图片显示失败的占比示意表；

图11为一个实施例中图片处理装置的结构框图；

图12为一个实施例中计算机设备的结构框图。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

图1为一个实施例中图片处理方法的应用环境图。参照图1，该图片处理方法应用于图片处理系统。该图片处理系统包括终端110和服务器120。终端110和服务器120通过网络连接。终端110具体可以是台式终端或移动终端，移动终端具体可以手机、平板电脑、笔记本电脑等中的至少一种。服务器120可以用独立的服务器或者是多个服务器组成的服务器集群来实现。

如图2所示，在一个实施例中，提供了一种图片处理方法。本实施例主要以该方法应用于上述图1中的终端110来举例说明。参照图2，该图片处理方法具体包括如下步骤：

步骤202，根据图片显示请求显示目标图片。

当终端获取到图片显示请求时，则可根据图片显示请求显示目标图片，即需要显示的图片。图片显示请求可以由用户触发目标图片，从而产生图片显示请求，也可以是用户触发对页面数据的获取请求，从而触发了对目标图片的图片显示请求。

步骤204，当目标图片显示失败时，获取错误信息。

一般情况下，终端可根据图片显示请求获取到目标图片并显示该目标图片，但也存在目标图片获取失败，或者获取成功但显示失败的情况，结果均为目标图片显示失败。当目标图片显示失败时，终端可以获取到目标图片显示失败的错误信息。

步骤206，根据错误信息获取对应的背景图。

当终端获取到目标图片显示失败的错误信息后，可根据错误信息获取到对应的背景图。背景图可以预先打包在终端本地的应用包中，终端可以在终端本地存储的背景图中获取与错误信息对应的背景图。背景图包含的信息量较少，一般情况下图案较为单一，因此背景图的尺寸较小，对内存的占用较少，集成在应用包中也不会导致应用包体积会过大。

步骤208，根据错误信息对背景图进行绘制，并显示绘制后的背景图。

在获取到与错误信息对应的背景图后，可以根据错误信息对背景图进行对应的绘制，即可生成一张附有错误信息的背景图，可将绘制后的背景图进行显示，即用绘制后的背景图代替目标图片进行显示。技术人员即可根据显示的绘制后的背景图上的错误信息定位到目标图片未显示出来的原因，用绘制有错误信息的背景图代替无法显示的目标图片的方式，能更方便的对引起图片显示失败的问题进行定位。

在一个实施例中，根据错误信息对背景图进行绘制，包括：获取目标图片的图片尺寸；根据目标图片的图片尺寸生成错误码所在的绘制画布；将错误码通过绘制画布绘制在背景图中。

当终端获取到目标图片显示失败的错误信息后，可根据错误信息获取到对应的背景图，并对背景图进行绘制。信息流中每一张显示的图片的图片尺寸可能存在差异，图片尺寸也可以根据信息流的布局或排版而存在差异。比如微信应用的朋友圈功能中，当某一条动态中只包含有一张图片时，那么这张图则会平铺完整显示，假设设定显示像素为600*600；那么当某一条动态中包含有两张图片时，则两张图片会平分显示区域，则是两张图并排显示，那么两张图的显示像素则分别为300*300。因此目标图片的图片尺寸是可以存在差异的。

故绘制时，可先获取到目标图片的图片尺寸，再根据目标图片的图片尺寸生成错误码所在的绘制画布，再将错误码通过绘制画布绘制在背景图中，即生成一张显示有错误码的背景图。绘制画布，是指用于图形绘制的工具，比如在超文本标记语言(HTML)中绘制画布则为canvas，可用于定义图形，比如图表和其他图像。

使用绘制画布对背景图进行绘制能够加快背景图的绘制过程，大幅度的提高了背景图的绘制效率，从而使得绘制后的背景图可以迅速的代替显示失败的目标图片进行显示。根据目标图片的图片尺寸得到绘制画布，并按照图片尺寸进行绘制能够保证绘制后的背景图上的错误码能够完整显示，使得技术人员能够根据绘制后的背景图上显示的错误码即可获知目标图片显示失败的具体错误信息，更方便的对引起图片显示失败的问题进行定位。

在一个实施例中，将错误码通过绘制画布绘制在背景图中之前，还包括：将绘制画布旋转预设角度；将旋转后的绘制画布进行偏移。将错误码通过绘制画布绘制在背景图中，包括：将错误码通过偏移后的绘制画布绘制在背景图中。

在将错误码通过绘制画布绘制在背景图中之前，需要先将绘制画布旋转预设角度，预设角度可由开发人员根据实际需求而设定，旋转绘制画布时，可以使得包括在绘制画布上的错误码也进行旋转。再对旋转后的绘制画布进行偏移，偏移时可以绘制画布的左上角为原点建立坐标轴，再将绘制画布分别在X方向和Y方向进行一定的偏移。具体的偏移量可根据实际情况计算得到，对绘制画布进行偏移后可将错误码通过绘制画布绘制在背景图中。

将绘制画布进行旋转后并进行一定的偏移，能够使得绘制在背景图上的错误码倾斜并居中显示，显示更为美观且减少了突兀感，同时也使得错误码能够居中显示在背景图中，有利于技术人员快速准确地获取到绘制后的背景图提供的信息，能更方便的对引起图片显示失败的问题进行定位。

在一个实施例中，如图3所示，根据错误信息对背景图进行绘制的步骤，包括：

步骤302，获取目标图片的图片尺寸。

步骤304，根据目标图片的图片尺寸生成错误码所在的绘制画布。

当终端根据图片显示请求显示目标图片时，若是目标图片显示失败，终端则会获取到目标图片显示失败的错误信息，再根据错误信息获取对应的背景图。进而可根据错误信息对背景图进行绘制，绘制时可先获取到目标图片的图片尺寸，根据目标图片的图片尺寸可得到目标图片的显示尺寸。比如一张100*100像素的小表情图与一张1080*1080的大图显示尺寸可不同，因为100*100像素的小表情图并不能填满终端屏幕的宽度，而1080*1080的大图则可以，因此这两张图的显示尺寸是存在差异的。

但100*100像素的小表情图与1080*1080的大图在实际情况下的显示尺寸是否会存在差异取决于技术人员预先设定的显示方式，比如设定的排版方式。若是设定当只有一张目标图片时，则将目标图片按照图片尺寸进行显示，则100*100像素的小表情图与1080*1080的大图由于图片尺寸不同，则显示尺寸肯定也不同。当设定多于一张目标图片时，每张图都按照同样的显示尺寸进行显示，那么100*100像素的小表情图与1080*1080的大图的显示尺寸则是相同的。

当目标图片为一张100*100像素的小表情图以及一张1080*1080的大图时，那么这两张图会并排显示，同时由于100*100像素的小表情图的宽度不够，无法填满整个显示区域，因此100*100像素的小表情图的四周会填充空白以达到预设的显示尺寸。同样的，1080*1080的大图由于图片尺寸较大，则需要按比例缩小，直到达到预设的显示尺寸。

因此，当目标图片只有一张的时候，则目标图片的显示尺寸是根据目标图片的图片尺寸确定的，而当目标图片多于一张时，目标图片的显示尺寸则是一致的，均为预设的显示尺寸。此处显示尺寸的具体设定可由技术人员根据实际情况而设定。在根据目标图片的图片尺寸得到目标图片的显示尺寸后，可生成错误码所在的绘制画布，即可在绘制画布上绘制需要绘制的错误码信息。

步骤306，将绘制画布旋转预设角度。

步骤308，将旋转后的绘制画布进行偏移。

步骤310，将错误码通过偏移后的绘制画布绘制在背景图中。

在生成了错误码所在的绘制画布后，可先将绘制画布旋转预设角度，预设角度可以是30度，将绘制画布旋转预设角度后可以进行偏移，具体偏移量的计算如图4所示。以绘制画布的左上角为原点建立坐标轴，先计算出旋转之前的绘制画布的中心点位置，即图4所示的(x,y),再计算出旋转预设角度后的绘制画布的中心点位置，即(x1,y1),再通过相似三角形原理和正余弦定理可以计算出绘制画布的偏移量，绘制画布在水平距离x轴上的偏移量为x1-x，在垂直距离y轴上的偏移量为y1-y。

在将错误码通过偏移后的绘制画布绘制在背景图中，即可生成一张包括有错误码的背景图，并且在背景图上错误码是倾斜并居中显示的，有利于技术人员快速准确地获取到绘制后的背景图上提供的信息，从而能够迅速定位到目标图片显示失败的问题。

在一个实施例中，根据错误信息对背景图进行绘制，包括：获取应用标识和目标图片的图片尺寸；根据目标图片的图片尺寸生成应用标识和错误码所在的绘制画布；将应用标识和错误码通过绘制画布绘制在背景图中。

根据错误信息对背景图进行绘制时，还可以将应用标识与错误码共同通过绘制画布绘制在背景图中。那么则需要获取当前正在运行的应用对应的应用标识，应用标识可以是应用名称或者应用图标，例如，应用的商标(logo)等。获取到应用标识后，还要获取到目标图片的图片尺寸，根据目标图片的图片尺寸可生成应用标识与错误码所在的绘制画布，即可通过绘制画布将应用标识和错误码绘制在背景图中，生成一张包括有应用标识和错误码的背景图。

根据目标图片的图片尺寸得到绘制画布，并按照图片尺寸进行绘制能够保证绘制后的背景图上的错误码能够完整显示，将应用标识通过绘制画布绘制在背景图中也能够使得技术人员根据绘制的背景图即可知道发生显示失败问题的具体是哪一个应用，再根据绘制后的背景图上显示的错误码即可获知目标图片显示失败的具体错误信息，进一步方便了产生图片显示失败的问题的定位。

在一个实施例中，将应用标识和错误码通过绘制画布绘制在背景图中之前，还包括：将绘制画布旋转预设角度；将旋转后的绘制画布进行偏移。将应用标识和错误码通过绘制画布绘制在背景图中，包括：将应用标识和错误码通过偏移后的绘制画布绘制在背景图中。

在将错误码通过绘制画布绘制在背景图中之前，需要先将绘制画布旋转预设角度，预设角度可由开发人员根据实际需求而设定，旋转绘制画布时，可以使得包括在绘制画布上的错误码以及应用标识也进行旋转。再对旋转后的绘制画布进行偏移，对绘制画布进行偏移后可将错误码与应用标识通过绘制画布绘制在背景图中。

将绘制画布进行旋转后并进行一定的偏移，能够使得绘制在背景图上的错误码以及应用标识能够倾斜并居中显示，使得错误码与应用标识能够居中显示在背景图中，有利于技术人员根据绘制后的背景图上显示的应用标识与错误码提供的信息迅速定位到目标图片显示失败对应的应用，以及更方便的对引起图片显示失败的问题进行定位。

在一个实施例中，如图5所示，根据错误信息对背景图进行绘制的步骤，包括：

步骤502，获取应用标识和目标图片的图片尺寸。

步骤504，根据目标图片的图片尺寸生成应用标识和错误码所在的绘制画布。

步骤506，将绘制画布旋转预设角度。

步骤508，将旋转后的绘制画布进行偏移。

步骤510，将应用标识和错误码通过偏移后的绘制画布绘制在背景图中。

终端根据图片显示请求显示目标图片时，若目标图片显示失败，终端则会获取目标图片显示失败的错误信息，根据错误信息获取到对应的背景图。获取到背景图后，可获取到应用的应用标识和目标图片的图片尺寸，再根据目标图片的图片尺寸生成应用标识和错误码所在的绘制画布，应用的应用标识也有对应的显示尺寸，比如应用标识为应用的logo时，logo则有对应的显示大小，根据目标图片的图片尺寸生成对应的绘制画布后，即可对应用标识的显示尺寸进行对应调整，并将应用标识与错误码均包括在绘制画布内。

对绘制画布进行旋转预设角度时，也可以同时将应用标语与错误码进行预设角度的旋转。对旋转后的绘制画布进行偏移后，即可将应用标识和错误码通过偏移后的绘制画布绘制在背景图中。

在将错误码与应用标识通过偏移后的绘制画布绘制在背景图中，即可生成一张包括有错误码以及应用标识的背景图，并且在背景图上错误码与应用标识是倾斜并居中显示的，有利于技术人员根据绘制后的背景图上显示的应用标识与错误码提供的信息，迅速定位到目标图片显示失败对应的应用，以及显示失败对应的错误的问题所在。

在一个实施例中，当目标图片显示失败时，获取错误信息，包括：当目标图片显示失败时，获取错误异常信息；根据错误异常信息生成错误码。

当目标图片显示失败时，终端可获取到目标图片显示失败对应的错误异常信息，错误异常信息可以是当获取到目标图片后，对目标图片进行解码失败导致目标图片显示失败的异常提示信息，或者获取到的目标图片格式不支持导致显示失败的异常信息等。

在获取到目标图片显示失败对应的错误异常信息后，可根据错误异常信息生成对应的错误码，错误码可以与错误异常信息一一对应，即一种错误异常信息对应一个错误码。错误码可以是纯数字组成的字符串，也可以是英文字母与数字结合形成的字符串，具体生成得到的错误码则根据获取到的错误异常信息而定。

根据获取到的错误异常信息生成对应的错误码，便于对错误信息进行管理与查看，错误码是唯一的，因此可根据绘制后的背景图上显示的错误码迅速定位到与错误码对应的错误原因，更方便的对引起图片显示失败的问题进行定位。

在一个实施例中，根据错误信息获取对应的背景图，包括：根据错误码确定对应的错误类型；获取与错误类型对应的背景图。

当目标图片显示失败时，终端可获取到对应的错误异常信息，可根据错误异常信息生成对应的错误码。得到错误码后，即可根据错误码确定对应的错误类型，再根据错误类型获取到对应的背景图。错误码与错误异常信息一一对应，多个错误码可对应同一个错误类型，比如错误码300与错误码500对应的错误类型均为服务器错误，当根据错误码确定错误类型后，即可根据错误类型获取到对应的背景图。不同错误类型的背景图存在差异，因此技术人员可根据背景图即可获知目标图片显示失败对应的错误类型。

根据错误码确定错误类型，根据错误类型获取对应的背景图，因此技术人员可根据背景图即可获知目标图片显示失败对应的错误类型，更方便的对引起图片显示失败的问题进行定位。

在一个实施例中，获取与错误类型对应的背景图，包括：获取与错误类型对应颜色的背景图。

当终端根据获取到的错误异常信息生成了对应的错误码后，即可根据错误码确定对应的错误类型，并根据错误类型获取对应的背景图。不同的错误类型对应不同的背景图。可通过设置不同的颜色对背景图进行区分，则技术人员可通过不同颜色的背景图即可获知目标图片显示失败对应的错误类型，对引起图片显示失败的问题进行定位则更为便捷。

在一个实施例中，错误异常信息包括从服务器返回的错误状态码。

当目标图片显示失败时，终端则可以获取到目标图片显示失败对应的错误异常信息，由于目标图片显示失败的原因有多种可能性，因此错误异常信息可以来源于服务器返回的异常信息，在服务器返回的异常信息中包含有错误状态码。根据错误状态码可以知道对应的错误信息，比如当错误状态码为404，则代表为请求的资源不存在，当错误状态码为500时，则代表内部服务器错误。

当获取到服务器返回的错误状态码后，即可根据错误状态码生成对应的错误码。将错误信息统一转换成错误码，便于对错误信息的管理，也便于技术人员根据得到的错误码对问题进行定位。

如图2所示，在一个实施例中，提供了一种图片处理方法。本实施例主要以该方法应用于上述图1中的终端110来举例说明。参照图6，该图片处理方法具体包括如下步骤：

步骤602，根据图片显示请求显示目标图片。

步骤604，当目标图片显示失败时，获取错误异常信息。

步骤606，根据错误异常信息生成错误码。

步骤608，根据错误码确定对应的错误类型。

步骤610，获取与错误类型对应颜色的背景图。

步骤612，根据错误码对背景图进行绘制，并显示绘制后的背景图。

当终端根据图片显示请求显示该目标图片时，若是目标图片显示失败，终端则可以获取到目标图片显示失败的错误异常信息，终端可根据获取到的错误异常信息生成对应的错误码。当错误异常信息来源于服务器返回的错误信息时，错误异常信息中则可包含有服务器返回的错误状态码，可根据错误状态码生成对应的错误码。得到目标图片显示失败的原因对应的错误码后，可根据错误码对应的错误类型。

错误类型可分为三大类，分别是客户端错误、后台错误以及网络错误，每个错误类型的分类下包括更多细分的类别，比如客户端错误这一错误类型下包含有A1类型错误、A2类型错误、A3类型错误等等。每个错误均有对应的错误码，比如客户端错误包括的错误类型有：解码失败、图片格式不支持、图片信息被修改等。因此，将错误类型分为有限数量的几个大类，则可根据错误类型获取到对应颜色的背景图。比如可设置为，客户端错误对应灰色的背景图，服务器错误对应蓝色的背景图，网络错误对应黄色的背景图。技术人员可根据背景图的颜色即可获知目标图片显示失败对应的错误类型，再根据背景图上绘制的错误码即可准确获知目标图片显示失败具体的错误情况。

比如绘制后的背景图为蓝色，背景图上的错误码为2-10-183.61.239.23，那么技术人员可根据背景图的颜色确定目标图片显示失败的错误类型为服务器错误，再根据背景图上显示的错误码可知目标图片显示失败是属于服务器错误中的后台图片不存在的情况。

如图7所示的背景图示意图，背景图的底色为灰色，背景图上的错误码为300，则图7所示的图代表的含义是，目标图片显示失败是由于客户端的图片解码失败造成的，即在图7中目标图片显示失败属于客户端错误类型中的解码失败。

将错误码绘制在获取到背景图上，有利于技术人员根据绘制后的背景图上显示的错误码提供的信息，能够迅速定位到显示失败对应的错误的问题。

在一个实施例中，在根据错误信息对背景图进行绘制，并显示绘制后的背景图之后，还包括：将绘制后的背景图发送至服务器，绘制后的背景图用于定位目标图片显示失败的错误原因。

在根据错误信息对背景图进行绘制后，可显示绘制后的背景图，即用绘制后的背景图代替目标图片进行显示。在显示了绘制后的背景图之后，可将绘制后的背景图发送至服务器，技术人员可通过服务器获取到绘制后的背景图，并根据绘制后的背景图定位目标图片显示失败的错误原因，能更方便的对引起图片显示失败的问题进行定位。

如图8所示，在一个实施例中，提供了一种图片处理方法。本实施例主要以该方法应用于上述图1中的终端110来举例说明。参照图8，该图片处理方法具体包括如下步骤：

步骤802，根据图片显示请求显示目标图片。

步骤804，当目标图片显示失败时，获取错误异常信息。

图片显示请求可以是用户直接触发目标图片产生的请求，也可以是拉取目标图片所在页面或网页触发了数据获取请求，从而产生的图片显示请求。若是根据图片显示请求成功获取到目标图片并成功显示目标图片，则不会产生错误异常信息；若是根据图片显示请求未成功获取到目标图片导致目标图片显示失败，或者成功获取到目标图片但显示失败，都会存在有对应的错误异常信息。因此，不论是什么情况导致目标图片显示失败，终端均可获取到目标图片显示失败时对应的错误异常信息。

比如，若是服务器未返回对应的数据，则终端可获取到服务器返回的错误状态码；若是目标图片已成功从服务器获取到，但解码失败导致显示失败，则终端可获取到关于解码失败这一问题对应的错误异常信息；若是网络异常无法正常从服务器获取到目标图片，终端可获取到关于网络问题对应的错误异常信息。

步骤806，根据错误异常信息生成错误码。

步骤808，根据错误码确定对应的错误类型。

步骤810，获取与错误类型对应颜色的背景图。

当终端获取到目标图片显示失败对应的错误异常信息后，可根据错误异常信息生成对应的错误码，错误码与错误异常信息通常是一一对应的，错误码可以是纯数字的字符串，也可以是其他形式的组合字符串，具体可由技术人员设定。得到错误码后，可根据错误码确定目标图片显示失败对应的错误类型，如图9所示的流程示意图，在得到相应的错误码后，则会判断错误类型。若是判断为服务器错误类型，则获取与服务器错误类型对应的背景图；若是客户端错误类型则获取与客户端类型对应的背景图；若是网络错误类型则获取与网络错误类型对应的背景图。

为了便于查验，可使用不用颜色的背景图作为不同错误类型对应的背景图。背景图作为绘制所需用到的背景图片，携带的信息量较少，图案较为单一，因此与普通的图片比较，背景图占内存空间也较小，打包在终端本地的应用包中也不会导致应用包的体积过大。以应用QQ空间举例，技术人员对于用户使用应用QQ空间存在目标图片显示失败的问题进行了分析，得到如图10所示的结果分析表，如图10所示，目标图片显示失败的情况可分为3中，分别是底色为黑色，占比为70％的网络错误，底色为灰色，占比10％的服务器错误以及底色为白色，占比为20％的客户端错误。为了方便技术人员排查显示失败的问题，区分问题发生对应的类型，可将错误码分为3类，分别为客户端错误类型、服务器错误类型以及网络错误类型。

多个错误码可对应同一个错误类型，当得到错误码后，可根据错误码获取到对应颜色的背景图。比如蓝色的背景图代表服务器错误类型，灰色的背景图代表客户端错误类型，浅黄色的背景图代表网络错误类型。技术人员即可根据背景图的颜色确定目标图片显示失败对应的错误类型。

步骤812，获取应用标识和目标图片的图片尺寸。

步骤814，根据目标图片的图片尺寸生成应用标识和错误码所在的绘制画布。

步骤816，将绘制画布旋转预设角度。

步骤818，将旋转后的绘制画布进行偏移。

步骤820，将应用标识和错误码通过偏移后的绘制画布绘制在背景图中，并显示绘制后的背景图。

当终端获取到对应的背景图后，可获取到应用标识和目标图片的图片尺寸，应用标识可以是应用的logo，比如应用为QQ空间时，则可以将QQ空间的logo作为应用标识。再根据目标图片的图片尺寸生成应用标识和错误码所在的绘制画布，对绘制画布进行旋转，即可将绘制画布上包括的应用标识和错误码共同进行旋转，再对旋转后的绘制进行偏移，即可将应用标识和错误码通过偏移后的绘制画布绘制在背景图上，则可得到图上包含有应用标识和错误码的背景图，在背景图上，应用标识和错误码以倾斜的方式显示，再使用绘制后的背景图代替目标图片进行显示即可。

另外，错误异常信息与错误码一一对应，但有的错误异常信息可以带有ip信息或是下载内容的长度信息等。比如解码错误对应的错误异常信息，可以直接对应错误码；当网络连接失败或者网络错误时，对应的错误异常信息可以在错误码的基础上带有对应的ip信息。因此，根据具体的应用标识与错误码对背景图进行绘制，既能够保证绘制后的背景图上的错误码或错误信息能够显示完整，也能够保证绘制后的背景图上显示的错误码与显示失败的错误原因对应。

在传统技术中，当目标图片显示失败时，则会使用一张默认的灰色背景图或是带有错误提示的图代替目标图片进行显示，错误提示为文字提示“出错了”，或者显示为分裂的图样提示用户图片显示失败。但这种处理方式会造成排查问题较为复杂，技术人员需要获取到用户的用户日志(log)，或者在获取到用户标识后，从服务器的数据库中获取到该用户标识对应的log，再在对应的log中查找相关的信息，再定位到产生图片显示失败的问题原因，但这样的操作过程较为繁琐，且耗时较长。而且，若是获取不到用户标识对应的log，或者用户删除了log文件等，那么就会导致无法定位问题原因。

目标图片显示失败，以默认图片代替目标图片显示的处理方式，会使得错误感明显，感觉较为突兀。在本实施例的方案中，技术人员可根据显示的绘制后的背景图上的错误信息定位到目标图片未显示出来的原因，用绘制有错误信息的背景图代替无法显示的目标图片的方式，能更方便的对引起图片显示失败的问题进行定位，同时也能够提高对问题定位的效率，同时背景图看上去的体验更好。

图2-图6、图8-图9为各个实施例中图片处理方法的流程示意图。应该理解的是，虽然各个图的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，各个图中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些子步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。

在一个实施例中，如图11所示，提供了一种图片处理装置，包括：

目标图片显示模块1102，用于根据图片显示请求显示目标图片。

错误信息获取模块1104，用于当目标图片显示失败时，获取错误信息。

背景图获取模块1106，用于根据错误信息获取对应的背景图。

绘制模块1108，用于根据错误信息对背景图进行绘制，并显示绘制后的背景图。

在一个实施例中，上述绘制模块1108还用于获取目标图片的图片尺寸；根据目标图片的图片尺寸生成错误码所在的绘制画布；将错误码通过绘制画布绘制在背景图中。

在一个实施例中，上述绘制模块1108还用于将绘制画布旋转预设角度；将旋转后的绘制画布进行偏移。绘制模块1108还用于将错误码通过偏移后的绘制画布绘制在背景图中。

在一个实施例中，上述绘制模块1108还用于获取应用标识和目标图片的图片尺寸；根据目标图片的图片尺寸生成应用标识和错误码所在的绘制画布；将应用标识和错误码通过绘制画布绘制在背景图中。

在一个实施例中，上述绘制模块1108还用于将绘制画布旋转预设角度；将旋转后的绘制画布进行偏移。绘制模块1108还用于将应用标识和错误码通过偏移后的绘制画布绘制在背景图中。

在一个实施例中，上述错误信息获取模块1104还用于当目标图片显示失败时，获取错误异常信息；根据错误异常信息生成错误码。

在一个实施例中，上述背景图获取模块1106还用于根据错误码确定对应的错误类型；获取与错误类型对应的背景图。

在一个实施例中，上述背景图获取模块1106还用于获取与错误类型对应颜色的背景图。

在一个实施例中，上述错误信息获取模块1104获取到的错误异常信息包括从服务器返回的错误状态码。

在一个实施例中，上述图片处理装置还包括发送模块(图中未示出)，用于将绘制后的背景图发送至服务器，绘制后的背景图用于定位目标图显示失败的错误原因。

图12示出了一个实施例中计算机设备的内部结构图。该计算机设备具体可以是图1中的终端110。如图12所示，该计算机设备包括该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、输入装置和显示屏。其中，存储器包括非易失性存储介质和内存储器。该计算机设备的非易失性存储介质存储有操作系统，还可存储有计算机程序，该计算机程序被处理器执行时，可使得处理器实现图片处理方法。该内存储器中也可储存有计算机程序，该计算机程序被处理器执行时，可使得处理器执行图片处理方法。计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。显示屏可用于显示绘制后的背景图。

本领域技术人员可以理解，图12中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

在一个实施例中，本申请提供的图片处理装置可以实现为一种计算机程序的形式，计算机程序可在如图12所示的计算机设备上运行。计算机设备的存储器中可存储组成该图片处理装置的各个程序模块，比如，图11所示的目标图片显示模块、错误信息获取模块、背景图获取模块和绘制模块。各个程序模块构成的计算机程序使得处理器执行本说明书中描述的本申请各个实施例的图片处理方法中的步骤。

例如，图12所示的计算机设备可以通过如图11所示的图片处理装置中的目标图片显示模块执行根据图片显示请求显示目标图片。计算机设备可通过错误信息获取模块执行当目标图片显示失败时，获取错误信息。计算机设备可通过背景图获取模块执行根据错误信息获取对应的背景图。计算机设备可通过绘制模块执行根据根据错误信息对背景图进行绘制，并显示绘制后的背景图。

在一个实施例中，提供了一种计算机设备，包括存储器和处理器，存储器中存储有计算机程序，该处理器执行计算机程序时实现以下步骤：根据图片显示请求显示目标图片；当目标图片显示失败时，获取错误信息；根据错误信息获取对应的背景图；根据错误信息对背景图进行绘制，并显示绘制后的背景图。

在一个实施例中，根据错误信息对背景图进行绘制，包括：获取目标图片的图片尺寸；根据目标图片的图片尺寸生成错误码所在的绘制画布；将错误码通过绘制画布绘制在背景图中。

在一个实施例中，将错误码通过绘制画布绘制在背景图中之前，还包括：将绘制画布旋转预设角度；将旋转后的绘制画布进行偏移。将错误码通过绘制画布绘制在背景图中，包括：将错误码通过偏移后的绘制画布绘制在背景图中。

在一个实施例中，根据错误信息对背景图进行绘制，包括：获取应用标识和目标图片的图片尺寸；根据目标图片的图片尺寸生成应用标识和错误码所在的绘制画布；将应用标识和错误码通过绘制画布绘制在背景图中。

在一个实施例中，将应用标识和错误码通过绘制画布绘制在背景图中之前，还包括：将绘制画布旋转预设角度；将旋转后的绘制画布进行偏移。将应用标识和错误码通过绘制画布绘制在背景图中，包括：将应用标识和错误码通过偏移后的绘制画布绘制在背景图中。

在一个实施例中，当目标图片显示失败时，获取错误信息，包括：当目标图片显示失败时，获取错误异常信息；根据错误异常信息生成错误码。

在一个实施例中，根据错误信息获取对应的背景图，包括：根据错误码确定对应的错误类型；获取与错误类型对应的背景图。

在一个实施例中，获取与错误类型对应的背景图，包括：获取与错误类型对应颜色的背景图。

在一个实施例中，错误异常信息包括从服务器返回的错误状态码。

在一个实施例中，在根据错误信息对背景图进行绘制，并显示绘制后的背景图之后，还包括：将绘制后的背景图发送至服务器，绘制后的背景图用于定位目标图片显示失败的错误原因。

在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现以下步骤：根据图片显示请求显示目标图片；当目标图片显示失败时，获取错误信息；根据错误信息获取对应的背景图；根据错误信息对背景图进行绘制，并显示绘制后的背景图。

在一个实施例中，根据错误信息对背景图进行绘制，包括：获取目标图片的图片尺寸；根据目标图片的图片尺寸生成错误码所在的绘制画布；将错误码通过绘制画布绘制在背景图中。

在一个实施例中，将错误码通过绘制画布绘制在背景图中之前，还包括：将绘制画布旋转预设角度；将旋转后的绘制画布进行偏移。将错误码通过绘制画布绘制在背景图中，包括：将错误码通过偏移后的绘制画布绘制在背景图中。

在一个实施例中，根据错误信息对背景图进行绘制，包括：获取应用标识和目标图片的图片尺寸；根据目标图片的图片尺寸生成应用标识和错误码所在的绘制画布；将应用标识和错误码通过绘制画布绘制在背景图中。

在一个实施例中，将应用标识和错误码通过绘制画布绘制在背景图中之前，还包括：将绘制画布旋转预设角度；将旋转后的绘制画布进行偏移。将应用标识和错误码通过绘制画布绘制在背景图中，包括：将应用标识和错误码通过偏移后的绘制画布绘制在背景图中。

在一个实施例中，当目标图片显示失败时，获取错误信息，包括：当目标图片显示失败时，获取错误异常信息；根据错误异常信息生成错误码。

在一个实施例中，根据错误信息获取对应的背景图，包括：根据错误码确定对应的错误类型；获取与错误类型对应的背景图。

在一个实施例中获取与错误类型对应的背景图，包括：获取与错误类型对应颜色的背景图。

在一个实施例中，错误异常信息包括从服务器返回的错误状态码。

在一个实施例中，在根据错误信息对背景图进行绘制，并显示绘制后的背景图之后，还包括：将绘制后的背景图发送至服务器，绘制后的背景图用于定位目标图片显示失败的错误原因。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一非易失性计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本申请专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。

Claims (22)

1.一种图片处理方法，包括：

根据图片显示请求显示目标图片；

当所述目标图片显示失败时，获取错误信息；

根据所述错误信息获取对应的背景图；

根据所述目标图片的图片尺寸生成错误码所在的绘制画布，所述错误码是根据所述错误信息得到的；将所述错误码通过所述绘制画布绘制在所述背景图中，并显示绘制后的背景图。

2.根据权利要求1所述的方法，其特征在于，所述根据所述目标图片的图片尺寸生成错误码所在的绘制画布；将所述错误码通过所述绘制画布绘制在所述背景图中，包括：

获取所述目标图片的图片尺寸；

根据所述目标图片的图片尺寸生成所述错误码所在的绘制画布；

将所述错误码通过所述绘制画布绘制在所述背景图中。

3.根据权利要求2所述的方法，其特征在于，所述将所述错误码通过所述绘制画布绘制在所述背景图中之前，还包括：

将所述绘制画布旋转预设角度；

将旋转后的绘制画布进行偏移；

所述将错误码通过所述绘制画布绘制在所述背景图中，包括：

将所述错误码通过偏移后的绘制画布绘制在所述背景图中。

4.根据权利要求1所述的方法，其特征在于，所述根据所述目标图片的图片尺寸生成错误码所在的绘制画布；将所述错误码通过所述绘制画布绘制在所述背景图中，包括：

获取应用标识和所述目标图片的图片尺寸；

根据所述目标图片的图片尺寸生成所述应用标识和所述错误码所在的绘制画布；

将所述应用标识和所述错误码通过所述绘制画布绘制在所述背景图中。

5.根据权利要求4所述的方法，其特征在于，所述将所述应用标识和所述错误码通过所述绘制画布绘制在所述背景图中之前，还包括：

将所述绘制画布旋转预设角度；

将旋转后的绘制画布进行偏移；

所述将应用标识和错误码通过所述绘制画布绘制在所述背景图中，包括：

将所述应用标识和所述错误码通过偏移后的绘制画布绘制在所述背景图中。

6.根据权利要求1所述的方法，其特征在于，所述当所述目标图片显示失败时，获取错误信息，包括：

当所述目标图片显示失败时，获取错误异常信息；

根据所述错误异常信息生成错误码。

7.根据权利要求6所述的方法，其特征在于，所述根据所述错误信息获取对应的背景图，包括：

根据所述错误码确定对应的错误类型；

获取与所述错误类型对应的背景图。

8.根据权利要求7所述的方法，其特征在于，所述获取与所述错误类型对应的背景图，包括：获取与所述错误类型对应颜色的背景图。

9.根据权利要求6所述的方法，其特征在于，所述错误异常信息包括从服务器返回的错误状态码。

10.根据权利要求1所述的方法，其特征在于，在所述根据所述错误信息对所述背景图进行绘制，并显示绘制后的背景图之后，还包括：

将所述绘制后的背景图发送至服务器，所述绘制后的背景图用于定位所述目标图显示失败的错误原因。

11.一种图片处理装置，其特征在于，所述装置包括：

目标图片显示模块，用于根据图片显示请求显示目标图片；

错误信息获取模块，用于当所述目标图片显示失败时，获取错误信息；

背景图获取模块，用于根据所述错误信息获取对应的背景图；

绘制模块，用于根据所述目标图片的图片尺寸生成错误码所在的绘制画布，所述错误码是根据所述错误信息得到的；将所述错误码通过所述绘制画布绘制在所述背景图中，并显示绘制后的背景图。

12.根据权利要求11所述的装置，其特征在于，所述绘制模块还用于获取所述目标图片的图片尺寸；根据所述目标图片的图片尺寸生成所述错误码所在的绘制画布；将所述错误码通过所述绘制画布绘制在所述背景图中。

13.根据权利要求12所述的装置，其特征在于，所述绘制模块还用于将绘制画布旋转预设角度；将旋转后的绘制画布进行偏移；所述绘制模块还用于将错误码通过偏移后的绘制画布绘制在背景图中。

14.根据权利要求11所述的装置，其特征在于，所述绘制模块还用于获取应用标识和目标图片的图片尺寸；根据目标图片的图片尺寸生成应用标识和错误码所在的绘制画布；将应用标识和错误码通过绘制画布绘制在背景图中。

15.根据权利要求14所述的装置，其特征在于，所述绘制模块还用于将绘制画布旋转预设角度；将旋转后的绘制画布进行偏移；所述绘制模块还用于将应用标识和错误码通过偏移后的绘制画布绘制在背景图中。

16.根据权利要求11所述的装置，其特征在于，所述错误信息获取模块还用于当所述目标图片显示失败时，获取错误异常信息；根据所述错误异常信息生成错误码。

17.根据权利要求16所述的装置，其特征在于，所述背景图获取模块还用于根据错误码确定对应的错误类型；获取与错误类型对应的背景图。

18.根据权利要求17所述的装置，其特征在于，所述背景图获取模块还用于获取与错误类型对应颜色的背景图。

19.根据权利要求16所述的装置，其特征在于，所述错误信息获取模块获取到的错误异常信息包括从服务器返回的错误状态码。

20.根据权利要求11所述的装置，其特征在于，所述装置还包括发送模块，用于将绘制后的背景图发送至服务器，绘制后的背景图用于定位目标图显示失败的错误原因。

21.一种计算机可读存储介质，存储有计算机程序，所述计算机程序被处理器执行时，使得所述处理器执行如权利要求1至10中任一项所述方法的步骤。

22.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器执行如权利要求1至10中任一项所述方法的步骤。

Images