CN115249220A - 图片渲染方法、装置、电子设备及计算机存储介质 - Google Patents

Abstract

本发明实施例公开了一种图片渲染方法、装置、电子设备及计算机存储介质。方法包括：获取待渲染图片对应的渲染区域内单个像素的像素尺寸；根据像素尺寸生成偏移量，该偏移量小于该像素尺寸；针对于待渲染图片中的至少一个像素，获取该像素的初始采样点的坐标，并根据初始采样点的坐标以及偏移量确定修正采样点；基于待渲染图片的修正采样点的信息，渲染待渲染图片。采用本方案，能够降低图片的模糊及变形程度，提升可视化界面的展示效果及提升用户体验。

Description

图片渲染方法、装置、电子设备及计算机存储介质

技术领域

本发明实施例涉及图像处理技术领域，具体涉及一种图片渲染方法、装置、电子设备及计算机存储介质。

背景技术

随着科技及社会的不断发展，可视化界面广泛应用于各类互联网产品中。图片作为可视化界面中的一项重要元素，图片的显示效果直接影响整个可视化界面的显示效果。

然而，发明人在实施过程中发现，现有技术在显示分辨率较低的图片时，会存在严重的图片模糊及变形情况，从而降低整个可视化界面的显示效果及用户体验。

发明内容

鉴于现有技术中显示分辨率低的图片时存在严重的图片模糊及变形的技术问题，提出了本发明实施例，以便提供一种克服上述问题或者至少部分地解决上述问题的图片渲染方法、装置、电子设备及计算机存储介质。

根据本发明实施例的第一方面，提供了一种图片渲染方法，包括：

获取待渲染图片对应的渲染区域内单个像素的像素尺寸；

根据所述像素尺寸生成偏移量；其中，所述偏移量小于所述像素尺寸；

针对于所述待渲染图片中的至少一个像素，获取该像素的初始采样点的坐标，并根据所述初始采样点的坐标以及所述偏移量确定修正采样点；

基于所述待渲染图片的修正采样点的信息，渲染所述待渲染图片。

在一种可选的实施方式中，所述方法还包括：基于所述初始采样点在该像素中的位置，确定偏移方向；

则所述根据所述初始采样点的坐标以及所述偏移量确定修正采样点进一步包括：根据所述初始采样点的坐标、所述偏移量以及所述偏移方向确定修正采样点。

在一种可选的实施方式中，所述单个像素的像素尺寸具体为：单个像素在UV坐标系下U方向的长度以及V方向的长度；

所述偏移量具体为：UV坐标系下U方向的偏移量以及V方向的偏移量；

其中，所述U方向的偏移量小于所述U方向的长度，以及所述V方向的偏移量小于所述V方向的长度。

在一种可选的实施方式中，所述根据所述像素尺寸生成偏移量进一步包括：

获取预先生成的分辨率与偏移比例的映射数据；

从所述映射数据中查找与所述渲染区域的分辨率匹配的目标偏移比例；

基于所述像素尺寸以及所述目标偏移比例生成偏移量。

在一种可选的实施方式中，所述映射数据通过如下方式获得：

获取不同分辨率的样本图片；

针对于任一样本图片，获取该样本图片的像素尺寸，并计算该像素尺寸在不同的偏移比例下的偏移量，以获得该样本图片对应的多个偏移量；

针对于任一样本图片的任一偏移量，将该样本图片的像素的初始采样点的坐标偏移该偏移量后获得修正采样点，并基于修正采样点的信息生成该样本图片对应的修正图片；

针对于任一样本图片，获取该样本图片的修正图片的图片质量指标值，并基于所述图片质量指标值确定该样本图片的目标修正图片，并建立该样本图片的分辨率与该目标修正图片对应的偏移比例的映射关系。

在一种可选的实施方式中，所述根据所述像素尺寸生成偏移量进一步包括：

根据所述像素尺寸的一半生成偏移量。

在一种可选的实施方式中，所述获取待渲染图片对应的渲染区域内单个像素的像素尺寸进一步包括：

获取待渲染图片对应的渲染区域的分辨率，基于所述分辨率确定所述单个像素的像素尺寸。

在一种可选的实施方式中，所述方法还包括：生成与禁止反走样处理参数相匹配的画布环境；

所述渲染所述待渲染图片进一步包括：在所述画布环境中渲染所述待渲染图片。

在一种可选的实施方式中，所述方法还包括：

获取电子设备的显示分辨率；

创建裁剪空间与所述显示分辨率匹配的虚拟摄像机；

所述渲染所述待渲染图片进一步包括：基于所述虚拟摄像机渲染所述待渲染图片。

在一种可选的实施方式中，所述渲染所述待渲染图片进一步包括：创建采样方式为临近采样的纹理对象；

所述渲染所述待渲染图片进一步包括：基于所述纹理对象渲染所述待渲染图片。

在一种可选的实施方式中，在所述渲染所述待渲染图片之后，所述方法还包括：

响应于监测到的所述待渲染图片的位置变更指令，确定与所述位置变更指令对应的目标位置；

判断所述目标位置是否为整数；

若否，对所述目标位置进行整数化处理后生成修正位置；

基于所述修正位置变更所述待渲染图片的显示位置。

在一种可选的实施方式中，在所述获取待渲染图片对应的渲染区域内单个像素的像素尺寸之前所述方法还包括：

获取待渲染图片对应的渲染区域的分辨率以及电子设备的显示分辨率；

判断所述渲染区域的分辨率是否小于所述显示分辨率；

若是，则执行所述获取待渲染图片对应的渲染区域内单个像素的像素尺寸的步骤。

根据本发明的第二方面，提供了一种图片渲染装置，包括：

获取模块，用于获取待渲染图片对应的渲染区域内单个像素的像素尺寸；

生成模块，用于根据所述像素尺寸生成偏移量；其中，所述偏移量小于所述像素尺寸；

偏移模块，用于针对于所述待渲染图片中的至少一个像素，获取该像素的初始采样点的坐标，并根据所述初始采样点的坐标以及所述偏移量确定修正采样点；

渲染模块，用于基于所述待渲染图片的修正采样点的信息，渲染所述待渲染图片。

在一种可选的实施方式中，所述偏移模块还用于：基于所述初始采样点在该像素中的位置，确定偏移方向；

根据所述初始采样点的坐标、所述偏移量以及所述偏移方向确定修正采样点。

在一种可选的实施方式中，所述单个像素的像素尺寸具体为：单个像素在UV坐标系下U方向的长度以及V方向的长度；

所述偏移量具体为：UV坐标系下U方向的偏移量以及V方向的偏移量；

其中，所述U方向的偏移量小于所述U方向的长度，以及所述V方向的偏移量小于所述V方向的长度。

在一种可选的实施方式中，所述偏移模块进一步用于：获取预先生成的分辨率与偏移比例的映射数据；

从所述映射数据中查找与所述渲染区域的分辨率匹配的目标偏移比例；

基于所述像素尺寸以及所述目标偏移比例生成偏移量。

在一种可选的实施方式中，所述装置还包括：映射模块，用于获取不同分辨率的样本图片；

针对于任一样本图片，获取该样本图片的像素尺寸，并计算该像素尺寸在不同的偏移比例下的偏移量，以获得该样本图片对应的多个偏移量；

针对于任一样本图片的任一偏移量，将该样本图片的像素的初始采样点的坐标偏移该偏移量后获得修正采样点，并基于修正采样点的信息生成该样本图片对应的修正图片；

针对于任一样本图片，获取该样本图片的修正图片的图片质量指标值，并基于所述图片质量指标值确定该样本图片的目标修正图片，并建立该样本图片的分辨率与该目标修正图片对应的偏移比例的映射关系。

在一种可选的实施方式中，所述偏移模块进一步用于：根据所述像素尺寸的一半生成偏移量。

在一种可选的实施方式中，所述获取模块进一步用于：获取待渲染图片对应的渲染区域的分辨率，基于所述分辨率确定所述单个像素的像素尺寸。

在一种可选的实施方式中，所述装置还包括：环境生成模块，用于生成与禁止反走样处理参数相匹配的画布环境；

所述渲染模块进一步用于：在所述画布环境中渲染所述待渲染图片。

在一种可选的实施方式中，所述装置还包括：创建模块，用于获取电子设备的显示分辨率；创建裁剪空间与所述显示分辨率匹配的虚拟摄像机；

所述渲染模块进一步用于：基于所述虚拟摄像机渲染所述待渲染图片。

在一种可选的实施方式中，所述装置还包括：创建模块，用于创建采样方式为临近采样的纹理对象；

所述渲染模块进一步用于：基于所述纹理对象渲染所述待渲染图片。

在一种可选的实施方式中，所述装置还包括：变更模块，用于在所述渲染所述待渲染图片之后，响应于监测到的所述待渲染图片的位置变更指令，确定与所述位置变更指令对应的目标位置；判断所述目标位置是否为整数；若否，对所述目标位置进行整数化处理后生成修正位置；基于所述修正位置变更所述待渲染图片的显示位置。

在一种可选的实施方式中，所述装置还包括：校验模块，用于获取待渲染图片对应的渲染区域的分辨率以及电子设备的显示分辨率；判断所述渲染区域的分辨率是否小于所述显示分辨率；若是，则执行所述获取待渲染图片对应的渲染区域内单个像素的像素尺寸的步骤。

根据本发明实施例第三方面，提供了一种电子设备，包括：处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；

所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行上述图片渲染方法对应的操作。

根据本发明实施例第四方面，提供了一种计算机存储介质，所述存储介质中存储有至少一可执行指令，所述可执行指令使处理器执行如上述图片渲染方法对应的操作。

本发明实施例对待渲染图片中像素的初始采样点的坐标进行偏移，得到修正采样点，基于修正采样点的信息来渲染图片，从而能够避免采集到其他像素中信息，避免其他像素对本像素信息的干扰，降低图片的模糊及变形程度，提升可视化界面的展示效果及提升用户体验；而且，本发明实施例中的偏移量基于待渲染图片对应的渲染区域中像素尺寸确定，该偏移量小于像素尺寸，由此避免修正采样点偏移至其他像素内，进一步降低低分辨率图片的模糊及变形程度。

本发明实施例基于初始采样点在该像素中的位置，确定偏移方向，根据初始采样点的坐标、偏移量以及偏移方向确定修正采样点，从而提升修正采样点的精度。

本发明实施例中，单个像素的像素尺寸为单个像素在UV坐标系下U方向的长度以及V方向的长度，偏移量为UV坐标系下U方向的偏移量以及V方向的偏移量，并且U方向的偏移量小于U方向的长度，V方向的偏移量小于V方向的长度，从而能够在UV坐标系下提升修正采样点的偏移精度。

本发明实施例中，获取预先生成的分辨率与偏移比例的映射数据，从映射数据中查找与渲染区域的分辨率匹配的目标偏移比例，基于像素尺寸以及目标偏移比例生成偏移量，由此能够根据图片的不同分辨率采用与其最为匹配的偏移量，实现差异化的偏移处理。

本发明实施例中，获取不同分辨率的样本图片，针对于任一样本图片，获取该样本图片的像素尺寸，并计算该像素尺寸在不同的偏移比例下的偏移量，以获得该样本图片对应的多个偏移量，针对于任一样本图片的任一偏移量，将该样本图片的像素的初始采样点的坐标偏移该偏移量后获得修正采样点，并基于修正采样点的信息生成该样本图片对应的修正图片，针对于任一样本图片，获取该样本图片的修正图片的图片质量指标值，并基于图片质量指标值确定该样本图片的目标修正图片，并建立该样本图片的分辨率与该目标修正图片对应的偏移比例的映射关系。采用该种方式，能够准确地确定出各个分辨率所对应的最佳偏移比例。

本发明实施例中，根据像素尺寸的一半生成偏移量，从而提升偏移量的确定效率。

本发明实施例中，获取待渲染图片对应的渲染区域的分辨率，基于分辨率确定单个像素的像素尺寸。采用该种方式，能够准确地确定出渲染区域内单个像素的像素尺寸。

本发明实施例中，生成与禁止反走样处理参数相匹配的画布环境，在画布环境中渲染待渲染图片，由此能够避免像素的硬边缘因为反走样处理而模糊。

本发明实施例中，获取电子设备的显示分辨率，创建裁剪空间与显示分辨率匹配的虚拟摄像机，基于虚拟摄像机渲染待渲染图片，采用该种方式能够使观察坐标系中像素与电子设备的显示屏幕中的显示像素相对齐，便于后续基于该观察坐标系绘制的图片中的像素与显示像素对齐，由此便于实现显示设备与待渲染图片的像素级匹配。

本发明实施例中，创建采样方式为临近采样的纹理对象，基于纹理对象渲染待渲染图片，能够保留图片的真实边缘，减小失真程度。

本发明实施例中，响应于监测到的待渲染图片的位置变更指令，确定与位置变更指令对应的目标位置，判断目标位置是否为整数；若否，对目标位置进行整数化处理后生成修正位置；基于修正位置变更待渲染图片的显示位置。采用该种方式，能够避免图片中像素与显示屏幕中的像素无法对齐的情况，提升图片的显示效果。

本发明实施例中，获取待渲染图片对应的渲染区域的分辨率以及电子设备的显示分辨率，判断渲染区域的分辨率是否小于显示分辨率，若是，则执行获取待渲染图片对应的渲染区域内单个像素的像素尺寸的步骤，由此能够针对图片模糊及变形严重的情况进行修正，并避免因对所有图片进行修正而带来的处理资源的浪费。

上述说明仅是本发明实施例技术方案的概述，为了能够更清楚了解本发明实施例的技术手段，而可依照说明书的内容予以实施，并且为了让本发明实施例的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明实施例的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明实施例的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了本发明实施例提供的一种图片渲染方法的流程示意图；

图2示出了本发明实施例提供的一种映射数据生成方法的流程示意图；

图3示出了本发明实施例提供的一种初始采样点及修正采样点的示意图；

图4示出了本发明实施例提供的一种图片渲染效果图；

图5示出了本发明实施例提供的另一种图片渲染效果图；

图6示出了本发明实施例提供的又一种图片渲染方法的流程示意图；

图7示出了本发明实施例提供的一种图片渲染装置的结构示意图；

图8示出了本发明实施例提供的一种电子设备的结构示意图。

具体实施方式

下面将参照附图更详细地描述本发明实施例的示例性实施例。虽然附图中显示了本发明实施例的示例性实施例，然而应当理解，可以以各种形式实现本发明实施例而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本发明实施例，并且能够将本发明实施例的范围完整的传达给本领域的技术人员。

图1示出了本发明实施例提供的一种图片渲染方法的流程示意图。其中，本实施例中的流程图不用于对执行步骤的顺序进行限定。根据需要，还可以对该流程图中的部分步骤进行添加或删减。

其中，本发明实施例的执行主体可以为具有显示功能的电子设备，如手机、电脑、平板、阅读器和/或智能穿戴设备等等。如图1所示，该方法具体包括如下步骤：

步骤S110，获取待渲染图片对应的渲染区域内单个像素的像素尺寸。

待渲染图片是指待在电子设备中渲染展示的图片。本发明实施例中对待渲染图片的格式、类型、尺寸等不作限定。用于渲染该待渲染图片的区域便是该待渲染图片对应的渲染区域。该渲染区域内一个像素的尺寸便是本发明实施例所述的单个像素的像素尺寸。其中，单个像素的像素尺寸具有不同的表示方式。例如，单个像素的像素尺寸可以为单个像素方块的实际长度；又或者，单个像素的像素尺寸可以为：单个像素在UV坐标系下U方向的长度以及V方向的长度。其中，UV坐标系又可以称为UV纹理空间，其是一种二维纹理坐标系，该坐标系包含U方向及V方向。

在一种可选的实施方式中，待渲染图片对应的渲染区域内单个像素的像素尺寸通过如下方式获得：获取待渲染图片对应的渲染区域的分辨率，根据渲染区域的分辨率确定该单个像素的像素尺寸。其中，渲染区域的分辨率是指该待渲染图片在该区域内的图像分辨率。在此应当理解的是，渲染区域的分辨率并不等同于待渲染图片的初始分辨率，待渲染图片的初始分辨率是该待渲染图片本身的分辨率，在渲染待渲染图片时，若对待渲染图片进行了一定的缩放处理，则该待渲染图片的分辨率发生变化，而渲染区域的分辨率则对应于待渲染图片缩放处理后的分辨率。另外，渲染区域的分辨率也不等同于显示分辨率，显示分辨率是指电子设备的屏幕分辨率，而渲染区域的分辨率是待渲染图片在渲染区域内展示时的图像分辨率。

进一步可选的，渲染区域的分辨率可以通过如下方式获取：获取待渲染图片的初始分辨率以及缩放比例，根据初始分辨率以及缩放比例确定待渲染图片对应的渲染区域的分辨率。具体地，基于初始分辨率与缩放比例的乘积生成渲染区域的分辨率。在该种方式中，由于待渲染图片的初始分辨率通常携带在待渲染图片的相关文件中，由此通过该种方式能够快速且准确地确定出渲染区域的分辨率。

进一步可选的，渲染区域的分辨率可以通过如下方式获取：获取渲染区域的尺寸以及待渲染图片中的像素数，根据该尺寸以及像素数生成渲染区域的分辨率。具体地，基于该像素数与该尺寸的比值生成渲染区域的分辨率。采用该种方式，能够准确地确定出渲染区域的分辨率。

进一步可选的，渲染区域内单个像素的像素尺寸具体可以通过如下公式1获得：

P-size(u，v)＝[1/(size[0]*scale[0]),1/(size[1]*scale[1])] (公式1)

公式1中，P-size为渲染区域内单个像素的像素尺寸，u为UV坐标下U方向的长度，v为UV坐标下V方向的长度，size[0]为待渲染图片的初始分辨率的宽度方向数值，size[1]为待渲染图片的初始分辨率的高度方向数值，scale[0]为宽度方向缩放比例，scale[1]为高度方向缩放比例。

在一种可选的实施方式中，本步骤执行之前，获取待渲染图片对应的渲染区域的分辨率以及电子设备的显示分辨率；判断渲染区域的分辨率是否小于显示分辨率；若是，则执行本步骤。具体地，由于在渲染区域分辨率小于显示分辨率时，图片的模糊及变形情况严重，由此本实施方式在确定处渲染区域分辨率小于显示分辨率后执行步骤S110及后续步骤，对该类图片的渲染进行修正。

在又一种可选的实施方式中，本步骤执行之前，获取待渲染图片对应的渲染区域的分辨率，判断渲染区域的分辨率是否小于预设分辨率阈值；若是，则执行本步骤。具体地，由于在渲染区域分辨率较小时，图片的模糊及变形情况严重，由此本实施方式在确定处渲染区域分辨率小于预设分辨率阈值后执行步骤S110及后续步骤，对该类图片的渲染进行修正。

步骤S120，根据像素尺寸生成偏移量；其中，偏移量小于像素尺寸。

偏移量为大于0且小于像素尺寸的实数。具体地，若单个像素的像素尺寸为单个像素方块的实际长度，则该偏移量小于该实际长度；若单个像素的像素尺寸为单个像素在UV坐标系下U方向的长度以及V方向的长度，则偏移量为UV坐标系下U方向的偏移量以及V方向的偏移量，并且U方向的偏移量小于单个像素的U方向的长度，以及V方向的偏移量小于单个像素的V方向的长度。

在一种可选的实施方式中，偏移量通过如下方式确定：根据像素尺寸的一半生成偏移量。例如，单个像素的像素尺寸为U₁及V₁，则偏移量为0.5U₁及0.5V₁，即在U方向的偏移量为0.5U₁，在V方向的偏移量为0.5V₁。该种实施方式中，通过将像素尺寸设置为像素尺寸的一半，一方面能够便于后续采集到像素中心的信息，另一方面能够提升偏移量的确定效率。

在另一种可选的实施方式中，偏移量通过如下方式确定：获取预先生成的分辨率与偏移比例的映射数据，从该映射数据中查找与渲染区域的分辨率匹配的目标偏移比例，基于像素尺寸以及目标偏移比例生成偏移量。具体地，可以基于像素尺寸与目标偏移比例的乘积生成偏移量。本实施方式中，预先生成了分辨率与偏移比例的映射数据，若分辨率A与偏移比例P具有映射关系，则表明在分辨率A下采用偏移比例P能够得到较好的显示效果。进一步从该映射数据中查找与渲染区域的分辨率匹配的偏移比例，该匹配的偏移比例便是目标偏移比例，该目标偏移比例与渲染区域的分辨率具有映射关系。继而基于像素尺寸与目标偏移比例的乘积生成偏移量。本实施方式中，由于不同分辨率图片的实际渲染情况不同以及浮点精度的影响，不同分辨率图片所对应的最佳偏移比例不同，本实施方式根据分辨率的不同采用相适配的偏移比例，进而得到与当前的分辨率最匹配的偏移量，利用该偏移量对初始采样点进行修正能够使图片达到良好的显示效果。

进一步可选的，映射数据可以通过图2所示步骤S121-步骤S124获得：

步骤S121，获取不同分辨率的样本图片。

其中，同一分辨率可以对应于一个或多个样本图片。

步骤S122，针对于任一样本图片，获取该样本图片的像素尺寸，并计算该像素尺寸在不同的偏移比例下的偏移量，以获得该样本图片对应的多个偏移量。

样本图片的像素尺寸的确定方式可参照步骤S120中的相关描述，在此不作赘述。在获取该样本图片的像素尺寸之后，分别计算该像素尺寸在不同的偏移比例下的偏移量。具体地，将该像素尺寸与不同偏移比例的乘积作为相应的偏移量。例如，像素尺寸为U₁及V₁，在偏移比例30％下的偏移量为0.3U₁及0.3V₁，在偏移比例50％下的偏移量为0.5U₁及0.5V₁。通过本步骤能够获得任一样本图片对应的多个偏移量。

步骤S123，针对于任一样本图片的任一偏移量，将该样本图片的像素的初始采样点的坐标偏移该偏移量后获得修正采样点，并基于修正采样点的信息生成该样本图片对应的修正图片。

针对于样本图片A的偏移量Um及Vn，针对于样本图片A中的任一像素，将该像素的初始采样点的坐标偏移Um及Vn后得到修正采样点，继而基于修正采样点的信息生成新的图片B，该图片B便是样本图片A的修正图片。

由于一个样本图片可以对应于多个偏移量，则通过本步骤的实施能够获得任一样本图片对应的多个修正图片。

步骤S124，针对于任一样本图片，获取该样本图片的修正图片的图片质量指标值，并基于图片质量指标值确定该样本图片的目标修正图片，并建立该样本图片的分辨率与该目标修正图片对应的偏移比例的映射关系。

其中，图片质量指标值是用于评价图片质量的指标值，其可以包括清晰度及变形程度等等。可选的，为了便于准确地客观地确定出图片质量指标值，在获取样本图片时，可以获取包含数字、文字等字符的图片。则本步骤在获取修正图片的质量指标值时，可以采用统一的字符识别算法对修正图片进行字符识别，并根据识别结果确定各个修正图片对应的字符识别精度，继而根据字符识别精度确定图片质量指标值。其中，图片质量指标值正相关于字符识别精度，采用该种方式，能够准确且客观地量化图片质量，并具有较高的执行效率。

在获得样本图片的各个修正图片的图片质量指标值后，可以基于图片质量指标值的高低获取目标修正图片，例如可以将图片质量指标值最高的修正图片作为该样本图片的目标修正图片，还可以将图片质量指标值高于预设阈值的修正图片作为该样本图片的目标修正图片。

修正图片是由样本图片的初始采样点偏移后生成的，则每个修正图片均对应于一个偏移量，该偏移量又对应于一个偏移比例，则该偏移比例便是修正图片对应的偏移比例。例如，像素尺寸为U₁及V₁，在偏移比例30％下的偏移量为0.3U₁及0.3V₁，采用该偏移量0.3U₁及0.3V₁对该样本图片的像素的初始采样点的坐标偏移该偏移量后获得修正采样点，并基于修正采样点的信息生成该样本图片对应的修正图片B，则修正图片B对应于偏移比例30％。

在确定样本图片的目标修正图片后，确定该目标修正图片对应的偏移比例，并建立该样本图片的分辨率与该目标修正图片对应的偏移比例的映射关系。

步骤S130，针对于待渲染图片中的至少一个像素，获取该像素的初始采样点的坐标，并根据初始采样点的坐标以及偏移量确定修正采样点。

现有技术中通常是基于像素的初始采样点的信息来渲染图片的，然而由于初始采样点通常临近多个像素的交界处，由此初始采样点的信息通常会受到其他相邻的像素的信息的干扰，由此导致渲染的图片模糊及变形严重。

基于此，本发明实施例并未直接采用初始采样点的信息来渲染图片，而是利用步骤S130生成的偏移量来对初始采样点的坐标进行偏移，偏移得到的坐标对应的点便是修正采样点。该修正采样点受其他像素信息的干扰小，由此基于修正采样点的信息渲染的待渲染图片能够有效降低图片的模糊及变形程度。

在一种可选的实施方式中，还可以基于初始采样点在该像素中的位置，确定偏移方向，继而根据初始采样点的坐标、偏移量以及偏移方向确定修正采样点，其中，偏移方向具体为远离初始采样点并偏向像素内部的方向。如图3所示，图3中像素Px的初始采样点O1位于像素Px的左下角，则偏移方向为：U的正方向及V的正方向，若偏移量为0.3U₁及0.3V₁，则向U正方形偏移0.3U₁，向V的正方向偏移0.3V₁。从而得到像素Px的修正采样点O2。相应地，若初始采样点位于像素的右下角，则偏移方向为U的负方向及V的正方向；若初始采样点位于像素的左上角，则偏移方向为U的正方向及V的负方向；若初始采样点位于像素的右上角，则偏移方向为U的负方向及V的负方向。

步骤S140，基于待渲染图片的修正采样点的信息，渲染待渲染图片。

其中，修正采样点的信息具体可以为色彩信息。

以图4及图5为例，图4为基于初始采样点的信息渲染的图片，图5为基于修正采样点的信息渲染的图片。对比图4及图5能够看出，基于修正采样点的信息渲染的图片的视觉清晰度高，变形小。

由此可见，本发明实施例对待渲染图片中像素的初始采样点的坐标进行偏移，由此得到修正采样点，基于修正采样点的信息来渲染图片，从而能够避免其他像素对本像素信息的干扰，降低图片的模糊及变形程度，提升可视化界面的展示效果及提升用户体验；而且，本发明实施例中的偏移量基于待渲染图片对应的渲染区域中像素尺寸确定，该偏移量小于像素尺寸，由此避免修正采样点偏移至其他像素内，进一步降低低分辨率图片的模糊及变形程度。

图6示出了本发明实施例提供的又一种图片渲染方法的流程示意图。其中，本实施例中的流程图不用于对执行步骤的顺序进行限定。根据需要，还可以对该流程图中的部分步骤进行添加或删减。

其中，本发明实施例的执行主体可以为具有显示功能的电子设备，如手机、电脑、平板、阅读器和/或智能穿戴设备等等。由于浏览器在进行低分辨率的2D纹理渲染时，图片模糊及变形更为严重，由此本发明实施例以应用于浏览器中进行低分辨率的2D纹理的渲染过程为例，来详细阐明本发明实施例的实施过程。

如图6所示，该方法具体包括如下步骤：

步骤S610，生成与禁止反走样处理参数相匹配的画布环境。

在浏览器中渲染2D纹理时，通常需先创建画布环境。其中，画布环境的参数包括绘制类型，本发明实施例中绘制类型具体为“2D”，即表明本发明实施例渲染的图片类型为2D纹理类型。

进一步地，2D纹理的渲染需依赖于相应的上下文，本发明实施例在获取上下文过程中可以生成禁止反走样参数，继而生成与禁止反走样处理参数相匹配的画布环境，从而后续在该画布环境中进行图片渲染时能够禁止反走样处理。其中，反走样处理是对纹理锯齿进行平滑的处理方式，本发明实施例通过禁用反走样处理，能够避免像素的硬边缘因为反走样处理而模糊。则后续的渲染过程均在该画布环境中进行，即基于该画布环境渲染图片。

步骤S620，获取电子设备的显示分辨率，创建裁剪空间与显示分辨率匹配的虚拟摄像机。

在进行图片渲染时需创建观察坐标系，观察坐标系又被称为相机坐标系或者人眼坐标系，其模拟了人眼或相机观察世界的结果，以人眼或相机的位置为坐标原点，人眼或相机的方向为z轴正方向。在创建观察坐标系时需创建虚拟摄像机，该虚拟摄像机可以为正交投影摄像机或透视投影摄像机等等。正交投影摄像机采用的是正交投影，其是通过定义一个长方体来限定可视范围，在这个长方体内的点都会最终被显示到屏幕上；透视投影摄像机采用的是透视投影，其可视范围是一个被截取头部的锥体。

创建虚拟摄像机之后能够获得以相机为中心的观察坐标系。鉴于显示屏幕尺寸的有限性，需在该观察坐标系中设置裁剪空间，以限制观察坐标系的可视范围。为了便于实现显示设备与待渲染图片的像素级匹配，提高图片渲染效果，本发明实施例中虚拟摄像机的裁剪空间与显示分辨率匹配。在虚拟摄像机的裁剪空间与显示分辨率匹配的情况下，能够使观察坐标系中像素与电子设备的显示屏幕中的显示像素相对齐，便于后续基于该观察坐标系绘制的图片中的像素与显示像素对齐，由此便于实现显示设备与待渲染图片的像素级匹配。

在创建虚拟摄像机获得观察坐标系之后，后续图片的渲染在该观察坐标系中进行，即后续基于虚拟摄像机渲染待渲染图片。

步骤S630，创建采样方式为临近采样的纹理对象。

为能够准确地进行图片渲染，还需创建纹理对象，纹理对象可以作为图片的渲染容器，后续基于该纹理对象渲染图片。纹理对象包含有图片渲染时所需的相关数据，如待渲染图片数据、过渡模式、包装模式以及采样模式等等。

本发明实施例中，具体将纹理对象的采样方式设置为临近采样，该临近采样是选取与纹理坐标最接近的像素点颜色。采用该种采样方式能够保留图片的真实边缘，减小失真程度。

步骤S640，生成顶点数据。

在进行图片渲染过程中，需进行顶点定义，以确定顶点坐标。即生成顶点数据，并缓存于显存中。继而创建顶点着色器，通过相应的转换得到实际的顶点坐标。该转换包括但不限于：模型转换、视图转换和/或投影矩阵转换等等，其中，本发明实施例对模型转换、视图转换和/或投影矩阵转换的具体算法不作限定。

步骤S650，确定修正采样点。

具体地，创建片段着色器，通过顶点位置和图1实施例中确定出的偏移量对初始采样点的坐标进行偏移后得到修正采样点的UV坐标。

步骤S660，基于修正采样点的信息绘制待渲染图片。

获取修正采样点处的颜色信息，基于该颜色信息进行图片绘制。

由此可见，本发明实施例生成与禁止反走样处理参数相匹配的画布环境，能够避免像素的硬边缘因为反走样处理而模糊；而且创建裁剪空间与显示分辨率匹配的虚拟摄像机，能够使观察坐标系中像素与电子设备的显示屏幕中的显示像素相对齐，便于后续基于该观察坐标系绘制的图片中的像素与显示像素对齐，由此便于实现显示设备与待渲染图片的像素级匹配。而且创建采样方式为临近采样的纹理对象，能够保留图片的真实边缘，减小失真程度。

此外，在本发明一种可选的实施例中，在渲染待渲染图片之后，响应于监测到的待渲染图片的位置变更指令，确定与位置变更指令对应的目标位置；判断目标位置是否为整数；若否，对目标位置进行整数化处理后生成修正位置；基于修正位置移动待渲染图片。具体地，位置变更指令所对应的移动终止位置便是目标位置，若目标位置为非整数，则会导致图片中像素与显示屏幕中的像素无法对齐的情况，从而影响图片的显示效果。基于此，本实施例方式中在确定处目标位置之后，进一步对目标位置进行校验。在目标位置为整数的情况下依据该目标位置进行图片的移动。在目标位置为非整数的情况下，对目标位置进行整数化处理，处理后得到的位置便是修正位置，最终基于该修正位置进行图片的移动。其中，本发明实施例对具体的整数化处理方式不作限定，例如可以将目标位置最近的整数位置作为修正位置。

图7示出了本发明实施例提供的一种图片渲染装置的结构示意图。如图7所示，该装置700包括：

获取模块710，用于获取待渲染图片对应的渲染区域内单个像素的像素尺寸；

生成模块720，用于根据所述像素尺寸生成偏移量；其中，所述偏移量小于所述像素尺寸；

偏移模块730，用于针对于所述待渲染图片中的至少一个像素，获取该像素的初始采样点的坐标，并根据所述初始采样点的坐标以及所述偏移量确定修正采样点；

渲染模块740，用于基于所述待渲染图片的修正采样点的信息，渲染所述待渲染图片。

在一种可选的实施方式中，所述偏移模块还用于：基于所述初始采样点在该像素中的位置，确定偏移方向；

根据所述初始采样点的坐标、所述偏移量以及所述偏移方向确定修正采样点。

在一种可选的实施方式中，所述单个像素的像素尺寸具体为：单个像素在UV坐标系下U方向的长度以及V方向的长度；

所述偏移量具体为：UV坐标系下U方向的偏移量以及V方向的偏移量；

其中，所述U方向的偏移量小于所述U方向的长度，以及所述V方向的偏移量小于所述V方向的长度。

在一种可选的实施方式中，所述偏移模块进一步用于：获取预先生成的分辨率与偏移比例的映射数据；

从所述映射数据中查找与所述渲染区域的分辨率匹配的目标偏移比例；

基于所述像素尺寸以及所述目标偏移比例生成偏移量。

在一种可选的实施方式中，所述装置还包括：映射模块，用于获取不同分辨率的样本图片；

针对于任一样本图片，获取该样本图片的像素尺寸，并计算该像素尺寸在不同的偏移比例下的偏移量，以获得该样本图片对应的多个偏移量；

针对于任一样本图片的任一偏移量，将该样本图片的像素的初始采样点的坐标偏移该偏移量后获得修正采样点，并基于修正采样点的信息生成该样本图片对应的修正图片；

针对于任一样本图片，获取该样本图片的修正图片的图片质量指标值，并基于所述图片质量指标值确定该样本图片的目标修正图片，并建立该样本图片的分辨率与该目标修正图片对应的偏移比例的映射关系。

在一种可选的实施方式中，所述偏移模块进一步用于：根据所述像素尺寸的一半生成偏移量。

在一种可选的实施方式中，所述获取模块进一步用于：获取待渲染图片对应的渲染区域的分辨率，基于所述分辨率确定所述单个像素的像素尺寸。

在一种可选的实施方式中，所述装置还包括：环境生成模块，用于生成与禁止反走样处理参数相匹配的画布环境；

所述渲染模块进一步用于：在所述画布环境中渲染所述待渲染图片。

在一种可选的实施方式中，所述装置还包括：创建模块，用于获取电子设备的显示分辨率；创建裁剪空间与所述显示分辨率匹配的虚拟摄像机；

所述渲染模块进一步用于：基于所述虚拟摄像机渲染所述待渲染图片。

在一种可选的实施方式中，所述装置还包括：创建模块，创建采样方式为临近采样的纹理对象；

所述渲染模块进一步用于：基于所述纹理对象渲染所述待渲染图片。

在一种可选的实施方式中，所述装置还包括：变更模块，用于在所述渲染所述待渲染图片之后，响应于监测到的所述待渲染图片的位置变更指令，确定与所述位置变更指令对应的目标位置；判断所述目标位置是否为整数；若否，对所述目标位置进行整数化处理后生成修正位置；基于所述修正位置变更所述待渲染图片的显示位置。

在一种可选的实施方式中，所述装置还包括：校验模块，用于获取待渲染图片对应的渲染区域的分辨率以及电子设备的显示分辨率；判断所述渲染区域的分辨率是否小于所述显示分辨率；若是，则执行所述获取待渲染图片对应的渲染区域内单个像素的像素尺寸的步骤。

其中，本装置中各模块的具体实施过程可参照方法实施例中的描述，在此不做赘述。

由此可见，本发明实施例对待渲染图片中像素的初始采样点的坐标进行偏移，由此得到修正采样点，基于修正采样点的信息来渲染图片，从而能够避免其他像素对本像素信息的干扰，降低图片的模糊及变形程度，提升可视化界面的展示效果及提升用户体验；而且，本发明实施例中的偏移量基于待渲染图片对应的渲染区域中像素尺寸确定，该偏移量小于像素尺寸，由此避免修正采样点偏移至其他像素内，进一步降低低分辨率图片的模糊及变形程度。

图8示出了本发明实施例提供的一种电子设备的结构示意图。本发明实施例具体实施例并不对电子设备的具体实现做限定。

如图8所示，该电子设备可以包括：处理器(processor)802、通信接口(Communications Interface)804、存储器(memory)806、以及通信总线808。

其中：处理器802、通信接口804、以及存储器806通过通信总线808完成相互间的通信。通信接口804，用于与其它设备比如客户端或其它服务器等的网元通信。处理器802，用于执行程序810，具体可以执行上述用于图片渲染方法实施例中的相关步骤。

具体地，程序810可以包括程序代码，该程序代码包括计算机操作指令。

处理器802可能是中央处理器CPU，或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit)，或者是被配置成实施本发明实施例的一个或多个集成电路。电子设备包括的一个或多个处理器，可以是同一类型的处理器，如一个或多个CPU；也可以是不同类型的处理器，如一个或多个CPU以及一个或多个ASIC。

存储器806，用于存放程序810。存储器806可能包含高速RAM存储器，也可能还包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。程序810具体可以用于使得处理器802执行上述任一方法实施例中的方法。

本发明实施例提供了一种非易失性计算机存储介质，所述计算机存储介质存储有至少一可执行指令，该计算机可执行指令可执行上述任意方法实施例中的图片渲染方法。

在此提供的算法或显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明实施例也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明实施例的内容，并且上面对特定语言所做的描述是为了披露本发明实施例的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明实施例的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本发明实施例并帮助理解各个发明方面中的一个或多个，在上面对本发明实施例的示例性实施例的描述中，本发明实施例的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明实施例要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明实施例的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明实施例的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明实施例的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的一些或者全部部件的一些或者全部功能。本发明实施例还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如，计算机程序和计算机程序产品)。这样的实现本发明实施例的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

应该注意的是上述实施例对本发明实施例进行说明而不是对本发明实施例进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明实施例可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。上述实施例中的步骤，除有特殊说明外，不应理解为对执行顺序的限定。

Claims (15)

1.一种图片渲染方法，其特征在于，包括：

获取待渲染图片对应的渲染区域内单个像素的像素尺寸；

根据所述像素尺寸生成偏移量；其中，所述偏移量小于所述像素尺寸；

针对于所述待渲染图片中的至少一个像素，获取该像素的初始采样点的坐标，并根据所述初始采样点的坐标以及所述偏移量确定修正采样点；

基于所述待渲染图片的修正采样点的信息，渲染所述待渲染图片。

2.根据权利要求1所述的方法，其特征在于，所述方法还包括：基于所述初始采样点在该像素中的位置，确定偏移方向；

则所述根据所述初始采样点的坐标以及所述偏移量确定修正采样点进一步包括：根据所述初始采样点的坐标、所述偏移量以及所述偏移方向确定修正采样点。

3.根据权利要求1或2所述的方法，其特征在于，所述单个像素的像素尺寸具体为：单个像素在UV坐标系下U方向的长度以及V方向的长度；

所述偏移量具体为：UV坐标系下U方向的偏移量以及V方向的偏移量；

其中，所述U方向的偏移量小于所述U方向的长度，以及所述V方向的偏移量小于所述V方向的长度。

4.根据权利要求1-3中任一项所述的方法，其特征在于，所述根据所述像素尺寸生成偏移量进一步包括：

获取预先生成的分辨率与偏移比例的映射数据；

从所述映射数据中查找与所述渲染区域的分辨率匹配的目标偏移比例；

基于所述像素尺寸以及所述目标偏移比例生成偏移量。

5.根据权利要求4所述的方法，其特征在于，所述映射数据通过如下方式获得：

获取不同分辨率的样本图片；

针对于任一样本图片，获取该样本图片的像素尺寸，并计算该像素尺寸在不同的偏移比例下的偏移量，以获得该样本图片对应的多个偏移量；

针对于任一样本图片的任一偏移量，将该样本图片的像素的初始采样点的坐标偏移该偏移量后获得修正采样点，并基于修正采样点的信息生成该样本图片对应的修正图片；

针对于任一样本图片，获取该样本图片的修正图片的图片质量指标值，并基于所述图片质量指标值确定该样本图片的目标修正图片，并建立该样本图片的分辨率与该目标修正图片对应的偏移比例的映射关系。

6.根据权利要求1-3中任一项所述的方法，其特征在于，所述根据所述像素尺寸生成偏移量进一步包括：

根据所述像素尺寸的一半生成偏移量。

7.根据权利要求1-6中任一项所述的方法，其特征在于，所述获取待渲染图片对应的渲染区域内单个像素的像素尺寸进一步包括：

获取待渲染图片对应的渲染区域的分辨率，基于所述分辨率确定所述单个像素的像素尺寸。

8.根据权利要求1-7中任一项所述的方法，其特征在于，所述方法还包括：生成与禁止反走样处理参数相匹配的画布环境；

所述渲染所述待渲染图片进一步包括：在所述画布环境中渲染所述待渲染图片。

9.根据权利要求1-8中任一项所述的方法，其特征在于，所述方法还包括：

获取电子设备的显示分辨率；

创建裁剪空间与所述显示分辨率匹配的虚拟摄像机；

所述渲染所述待渲染图片进一步包括：基于所述虚拟摄像机渲染所述待渲染图片。

10.根据权利要求1-9中任一项所述的方法，其特征在于，所述渲染所述待渲染图片进一步包括：创建采样方式为临近采样的纹理对象；

所述渲染所述待渲染图片进一步包括：基于所述纹理对象渲染所述待渲染图片。

11.根据权利要求1-10中任一项所述的方法，其特征在于，在所述渲染所述待渲染图片之后，所述方法还包括：

响应于监测到的所述待渲染图片的位置变更指令，确定与所述位置变更指令对应的目标位置；

判断所述目标位置是否为整数；

若否，对所述目标位置进行整数化处理后生成修正位置；

基于所述修正位置变更所述待渲染图片的显示位置。

12.根据权利要求1-11中任一项所述的方法，其特征在于，在所述获取待渲染图片对应的渲染区域内单个像素的像素尺寸之前，所述方法还包括：

获取待渲染图片对应的渲染区域的分辨率以及电子设备的显示分辨率；

判断所述渲染区域的分辨率是否小于所述显示分辨率；

若是，则执行所述获取待渲染图片对应的渲染区域内单个像素的像素尺寸的步骤。

13.一种图片渲染装置，其特征在于，包括：

获取模块，用于获取待渲染图片对应的渲染区域内单个像素的像素尺寸；

生成模块，用于根据所述像素尺寸生成偏移量；其中，所述偏移量小于所述像素尺寸；

偏移模块，用于针对于所述待渲染图片中的至少一个像素，获取该像素的初始采样点的坐标，并根据所述初始采样点的坐标以及所述偏移量确定修正采样点；

渲染模块，用于基于所述待渲染图片的修正采样点的信息，渲染所述待渲染图片。

14.一种电子设备，其特征在于，包括：处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；

所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行如权利要求1-12中任一项所述的图片渲染方法对应的操作。

15.一种计算机存储介质，其特征在于，所述存储介质中存储有至少一可执行指令，所述可执行指令使处理器执行如权利要求1-12中任一项所述的图片渲染方法对应的操作。

Images