本申请公开了一种图像显示方法、装置、电子设备及计算机可读介质，涉及图像技术领域，方法包括：在显示区域内显示预设图像的情况下，当检测到针对显示区域的页面滚动操作时，基于页面滚动操作，确定待渲染的目标图像数据；对目标图像数据执行第二渲染操作，第一渲染操作的处理速度高于第二渲染操作的处理速度；当检测到目标图像数据对应的目标页面区域滑动至显示区域时，若第二图像未完成且第一图像已完成，将第一图像在显示区域内显示。由于，第一渲染操作的操作速度相比第二渲染操作的处理速度更快，第一渲染操作完成速度更快，可以将第一渲染操作得到的第一图像在显示区域内显示。所以，可以避免造成卡顿。可以避免造成卡顿。可以避免造成卡顿。
【技术实现步骤摘要】
图像显示方法、装置、电子设备及计算机可读介质
[0001]本申请涉及图像
，更具体地，涉及一种图像显示方法、装置、电子设备及计算机可读介质。
技术介绍
[0002]目前，电子设备的屏幕能够滚动显示多个页面，例如，在屏幕显示一个页面的时候，该页面的后续页面的内容，可以通过滚动的方式进入屏幕的显示区域内显示。然而，由于滚动的速度过快或者显示内容的渲染速度过慢，则在需要显示该显示内容的时候，该显示内容若未渲染完成，会导致白屏，闪屏，卡顿等现象，流畅性很低，用户体验较差。
技术实现思路
[0003]本申请提出了一种图像显示方法、装置、电子设备及计算机可读介质，以改善上述缺陷。
[0004]第一方面，本申请实施例提供了一种图像显示方法，包括：在显示区域内显示预设图像的情况下，当检测到针对所述显示区域的页面滚动操作时，基于所述页面滚动操作，确定待渲染的目标图像数据；对所述目标图像数据执行第二渲染操作；响应于检测到所述目标图像数据对应的目标页面区域滑动至所述显示区域，若所述第二图像未被渲染完成且第一图像已被渲染完成，将所述第一图像在所述显示区域内显示，其中，所述第一图像为预先基于第一渲染操作对目标图像数据处理得到的图像，所述第二渲染操作用于处理所述目标图像数据得到第二图像，第一渲染操作的处理速度高于所述第二渲染操作的处理速度，基于页面加载顺序，所述目标页面区域位于所述预设图像对应的预设页面区域之后。
[0005]第二方面，本申请实施例还提供了一种图像显示装置，包括：确定单元、渲染单元和显示单元。确定单元，用于在显示区域内显示预设图像的情况下，当检测到针对所述显示区域的页面滚动操作时，基于所述页面滚动操作，确定待渲染的目标图像数据。渲染单元，用于对所述目标图像数据执行第二渲染操作。显示单元，用于响应于检测到所述目标图像数据对应的目标页面区域滑动至所述显示区域，若所述第二图像未被渲染完成且第一图像已被渲染完成，将所述第一图像在所述显示区域内显示，其中，所述第一图像为预先基于第一渲染操作对目标图像数据处理得到的图像，所述第二渲染操作用于处理所述目标图像数据得到第二图像，第一渲染操作的处理速度高于所述第二渲染操作的处理速度，基于页面加载顺序，所述目标页面区域位于所述预设图像对应的预设页面区域之后。
[0006]第三方面，本申请实施例还提供了一种电子设备，包括：一个或多个处理器；存储器；一个或多个应用程序，其中所述一个或多个应用程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行，所述一个或多个应用程序配置用于执行上述方法。
[0007]第四方面，本申请实施例还提供了一种计算机可读介质，所述可读存储介质存储有处理器可执行的程序代码，所述程序代码被所述处理器执行时使所述处理器执行上述方法。
[0008]第五方面，本申请实施例还提供了一种计算机程序产品，包括计算机程序/指令，该计算机程序/指令被处理器执行时实现上述方法。
[0009]本申请提供的图像显示方法、装置、电子设备及计算机可读介质，在显示区域内显示预设图像的情况下，当检测到针对所述显示区域的页面滚动操作时，基于所述页面滚动操作，确定待渲染的目标图像数据，然后，对所述目标图像数据执行第二渲染操作，当检测到所述目标图像数据对应的目标页面区域滑动至所述显示区域时，若所述第二渲染操作未完成且所述第一渲染操作完成，将所述第一渲染操作渲染得到的第一图像在所述显示区域内显示。由于，第一渲染操作的操作速度相比第二渲染操作的处理速度更快，所以在第二渲染操作未完成的时候，第一渲染操作已经完成，可以将第一渲染操作得到的第一图像在显示区域内显示。所以，可以避免在待渲染的目标图像数据对应的目标页面区域滑动至所述显示区域时，由于第二图像未渲染完成，导致该第二图像无法显示而造成卡顿。
[0010]本申请实施例的其他特征和优点将在随后的说明书阐述，并且，部分地从说明书中变得显而易见，或者通过实施本申请实施例而了解。本申请实施例的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。
附图说明
[0011]为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0012]图1(a)示出了本申请一实施例提供的页面的内容的布局的示意图；
[0013]图1(b)示出了本申请一实施例提供的页面的内容的布局的示意图；
[0014]图2示出了本申请另一实施例提供的页面的内容的布局的示意图；
[0015]图3示出了本申请又一实施例提供的页面的内容的布局的示意图；
[0016]图4示出了本申请实施例提供的图像渲染架构的框图；
[0017]图5示出了本申请一实施例提供的图像显示方法的方法流程图；
[0018]图6示出了本申请一实施例提供的显示区域的显示内容的示意图；
[0019]图7示出了本申请另一实施例提供的显示区域的显示内容的示意图；
[0020]图8示出了本申请另一实施例提供的图像显示方法的方法流程图；
[0021]图9示出了本申请一实施例提供的显示区域的多个子区域的示意图；
[0022]图10示出了本申请一实施例提供的页面区域的示意图；
[0023]图11示出了本申请一实施例提供的画布、绘制缓冲区、缓冲区队列、无限画布的示意图；
[0024]图12示出了本申请一实施例提供的显示区域、无限画布以及缓冲区队列的对应关系；
[0025]图13示出了本申请另一实施例提供的显示区域、无限画布以及缓冲区队列的对应关系；
[0026]图14示出了本申请一实施例提供的画布、绘制缓冲区、缓冲区队列、模糊缓冲区、无限画布的示意图；
[0027]图15示出了本申请又一实施例提供的显示区域的显示内容的示意图；
[0028]图16示出了本申请再一实施例提供的显示区域的显示内容的示意图；
[0029]图17示出了本申请另一实施例提供的图像显示装置的模块框图；
[0030]图18示出了本申请实施例提供的电子设备的结构框图；
[0031]图19示出了本申请实施例的用于保存或者携带实现根据本申请实施例的图像显示方法的程序代码的存储单元；
[0032]图20示出了本申请实施例提供的计算机产品的模块框图。
具体实施方式
[0033]为了使本
的人员更好地理解本申请方案，下面将结合本申请实施例中附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本申请的实施例的详细描述并非旨在限制要求保护的本申请的范围，而是仅仅表示本申请的选定实施本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种图像显示方法，其特征在于，包括：在显示区域内显示预设图像的情况下，当检测到针对所述显示区域的页面滚动操作时，基于所述页面滚动操作，确定待渲染的目标图像数据；对所述目标图像数据执行第二渲染操作；响应于检测到所述目标图像数据对应的目标页面区域滑动至所述显示区域，若第二图像未被渲染完成且第一图像已被渲染完成，将所述第一图像在所述显示区域内显示，其中，所述第一图像为预先基于第一渲染操作对目标图像数据处理得到的图像，所述第二渲染操作用于处理所述目标图像数据得到第二图像，第一渲染操作的处理速度高于所述第二渲染操作的处理速度，基于页面加载顺序，所述目标页面区域位于所述预设图像对应的预设页面区域之后。2.根据权利要求1所述的方法，其特征在于，所述将所述第一图像在所述显示区域内显示之后，还包括：响应于所述第二图像渲染完成时，若所述第一图像仍然位于所述显示区域内，将所述第一图像替换为所述第二图像。3.根据权利要求1或2所述的方法，其特征在于，所述第一渲染操作处理得到的第一图像的图像质量低于所述第二渲染操作处理得到的第二图像的图像质量。4.根据权利要求3所述的方法，其特征在于，第一渲染操作处理得到的第一图像的分辨率低于所述第二渲染操作处理得到的第二图像的分辨率。5.根据权利要求4所述的方法，其特征在于，所述第一渲染操作包括：降低所述目标图像数据的分辨率并对降低分辨率后的所述目标图像数据渲染得到第一图像，所述第二渲染操作包括保持所述目标图像数据的分辨率不变并对所述目标图像数据渲染得到第二图像。6.根据权利要求1或2所述的方法，其特征在于，对所述目标图像数据执行第二渲染操作，包括：将所述目标图像数据发送至缓冲区队列，在所述缓冲区队列内对所述目标图像数据执行第二渲染操作。7.根据权利要求6所述的方法，其特征在于，所述基于所述页面滚动操作，确定待渲染的目标图像数据之前，还包括：获取多个页面的图像数据，所述多个页面为所述页面滚动操作用于操作的页面；将所述多个页面的图像数据发送至模糊缓冲区，在所述模糊缓冲区内对每个页面的图像数据执行第一渲染操作。8.根据权利要求6所述的方法，其特征在于，所述响应于检测到所述目标图像数据对应的目标页面区域滑动至所述显示区域，若所述第二图像未被渲染完成且第一图像已被渲染完成，将所述第一图像在所述显示区域内显示之前，还包括：将所述目标图像数据发送至模糊缓冲区，在所述模糊缓冲区内对所述目标图像数据执行第一渲染操作。9.根据...
【专利技术属性】
技术研发人员：王俊强，张清涛，谢启宇，胡晓伟，
申请(专利权)人：OPPO广东移动通信有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。