图像处理方法、装置、电子设备及存储介质与流程

1.本公开涉及图像处理技术领域，尤其涉及一种图像处理方法、装置、电子设备及存储介质。


背景技术：

2.为了满足互联网用户的多元社交需求，近年来出现了许多短视频应用程序，用户可以使用短视频应用程序拍摄图像或者短视频，并发布在互联网上。短视频应用程序上提供很多图像处理功能，用户可以通过这些图像处理功能，对图像进行处理，得到带有特殊展示效果的图像。
3.例如，通过某种图像处理功能，可以将来自一张或者多张图像的图像区域合成一张新图像，该新图像即包括多个图像区域，以呈现出在不同区域分别展示图像的不同部分的效果。然而，在前述图像处理的过程中，由于新图像包含多个图像区域，因此需要分别对每一图像区域进行纹理渲染，导致处理器内存占用高、页面卡顿，严重影响用户的使用体验。


技术实现要素：

4.本公开提供一种图像处理方法、装置、电子设备及存储介质，可以解决对用户输入的图像渲染过程中，服务器内存占用高、页面卡顿的问题，提升用户的使用体验。
5.本公开实施例的技术方案如下：
6.根据本公开实施例的第一方面，提供一种图像处理方法。该方法可以包括：响应于图像处理指令，根据预设规则对至少一个第一图像进行处理，得到第二图像，第二图像包括根据预设规则对应的排列方式排列的多个子图像；根据与预设规则对应的第一纹理信息图，对第二图像进行渲染，第一纹理信息图包括根据预设规则从第一图像对应的第二纹理信息图中确定出的多个图块，多个图块按照预设规则对应的排列方式排列以与多个子图像位置一一对应；其中，对于每个图块，包括渲染与图块位置对应的子图像所需的纹理信息。
7.由于第二图像包括多个子图像，相关技术对第二图像进行渲染时，需要分别获取每个子图像的纹理信息，并根据获取到的纹理信息对每个子图像进行渲染，这意味着需要对第二图像渲染多次，其次数与子图像个数一致。而多次渲染将导致处理器内存占用高、页面卡顿的问题。本公开对于包括多个子图像的第二图像，根据与预设规则对应的第一纹理信息图，对第二图像进行一次性渲染。其中，由于第一纹理信息图中包括与多个子图像一一对应的多个图块，而每个图块包括渲染对应子图像所需的纹理信息，因此从该第一纹理信息图中可一次性获取到所有子图像的纹理信息，进而可以一次性完整对所有子图像的渲染，解决了相关技术多次渲染导致处理器内存占用高、页面卡顿的问题。
8.可选地，响应于输入的图像处理指令，根据预设规则对至少一个第一图像进行处理，得到第二图像，包括：从至少一个第一图像中确定出多个子图像，每个子图像为一个第一图像的局部区域或者完整区域；多个子图像分别对应到不同的预设位置，拼接成第二图
像，以使多个子图像按照排列方式排列。
9.在本实现方式中，预设规则包括第一规则和第二规则。第一规则实际上是从第一图像中确定出子图像的规则，第二规则实际上是确定子图像在第二图像中摆放位置的规则。那么，根据预设规则生成第二图像的过程为，首先根据第一规则从第一图像中确定出多个子图像，可能包括对第一图像进行裁切和复制的操作，需要说明的是，子图像可以是第一图像的部分区域，也可以是预设尺寸的第一图像的完整图像，然后根据第二规则将多个子图像分别填充到不同位置，得到第二图像，该第二图像带有特殊展示效果，比如可以在第二图像的不同区域分别展示第一图像的不同部分。
10.可选地，根据与预设规则对应的第一纹理信息图，对第二图像进行渲染之前，还包括：获取以第一颜色通道值为横坐标、以第二颜色通道值为纵坐标构建的第二纹理信息图，第二纹理信息图与第一图像的尺寸相同；从第二纹理信息图中确定出多个图块，图块为第二纹理信息图的局部区域或者完整区域；将多个图块分别对应到不同的预设位置，拼接成第一纹理信息图，以使多个图块按照排列方式排列。
11.本实现方式的构思在于，首先，使用该第二纹理信息图中两个方向(横向和纵向)的颜色通道值，定位实际图像中像素点的纹理坐标。其次，为了得到与第二图像对应的纹理信息图，依次根据上述预设规则中第一规则和第二规则，对该第二纹理信息图进行处理。由于根据第二纹理信息图生成第一纹理信息图的过程与根据第一图像生成第二图像的过程相同，因此可以保证得到的第一纹理信息图与第二图像是对应的，即第一纹理信息图中包括与多个子图像一一对应的多个图块，每个图块包括渲染对应子图像所需的纹理信息。
12.可选地，根据与预设规则对应的第一纹理信息图，对第二图像进行渲染，包括：从第一纹理信息图中采集与第二图像中每个像素点对应的第一通道颜色值和第二通道颜色值，作为每个像素点的纹理坐标；根据第二图像中每个像素点的纹理坐标，对第二图像进行渲染。
13.本实现方式中，通过第二图像中每一像素点对应的纹理坐标，对第二图像进行渲染，得到渲染后的第二图像，由于只进行了一次渲染，无需对第二图像中每一子图像分别进行多次渲染，解决了当前图像渲染过程中，处理器内存占用高、页面卡顿，严重影响用户的使用体验的问题。
14.可选地，响应于输入的图像处理指令，根据预设规则对至少一个第一图像进行处理，得到第二图像之前，包括：显示图像处理界面，图像处理界面包括多个对应于不同预设规则的控件；接收通过操作任一控件输入的图像处理指令。
15.根据本公开实施例的第二方面，提供一种图像处理装置。该装置可以包括：图像生成单元和图像渲染单元；图像生成单元，用于响应于图像处理指令，根据预设规则对至少一个第一图像进行处理，得到第二图像，第二图像包括根据预设规则对应的排列方式排列的多个子图像；图像渲染单元，用于根据与预设规则对应的第一纹理信息图，对第二图像进行渲染，第一纹理信息图包括根据预设规则从第一图像对应的第二纹理信息图中确定出的多个图块，多个图块按照预设规则对应的排列方式排列以与多个子图像位置一一对应；其中，对于每个图块，包括渲染与图块位置对应的子图像所需的纹理信息。
16.可选地，图像生成单元，具体用于：从至少一个第一图像中确定出多个子图像，每个子图像为一个第一图像的局部区域或者完整区域；将多个子图像分别对应到不同的预设
位置，拼接成第二图像，以使多个子图像按照排列方式排列。
17.可选地，图像生成单元，还用于：获取以第一颜色通道值为横坐标、以第二颜色通道值为纵坐标构建的第二纹理信息图，第二纹理信息图与第一图像的尺寸相同；从第二纹理信息图中确定出多个图块，图块为第二纹理信息图的局部区域或者完整区域；将多个图块分别对应到不同的预设位置，拼接成第一纹理信息图，以使多个图块按照排列方式排列。
18.可选地，图像渲染单元，具体用于：从第一纹理信息图中采集与第二图像中每个像素点对应的第一通道颜色值和第二通道颜色值，作为每个像素点的纹理坐标；根据第二图像中每个像素点的纹理坐标，对第二图像进行渲染。
19.可选地，图像处理装置，还包括：界面显示单元，用于显示图像处理界面，图像处理界面包括多个对应于不同预设规则的控件；接收通过操作任一控件输入的图像处理指令。
20.根据本公开实施例的第三方面，提供一种电子设备，可以包括：处理器和用于存储处理器可执行指令的存储器；其中，处理器被配置为执行指令，以实现上述第一方面中任一种可选地图像处理方法。
21.根据本公开实施例的第四方面，提供一种计算机可读存储介质，计算机可读存储介质上存储有指令，当计算机可读存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行上述第一方面中任一种可选地图像处理方法。
22.根据本公开实施例的第五方面，提供一种计算机程序产品，该计算机程序产品包括计算机指令，当计算机指令在电子设备上运行时，使得电子设备执行如第一方面中任一种可选地实现方式的图像处理方法。
23.应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。
24.本公开的实施例提供的技术方案至少带来以下有益效果：
25.由于第二图像包括多个子图像，相关技术对第二图像进行渲染时，需要分别获取每个子图像的纹理信息，并根据获取到的纹理信息对每个子图像进行渲染，这意味着需要对第二图像渲染多次，其次数与子图像个数一致。而多次渲染将导致处理器内存占用高、页面卡顿的问题。本公开对于包括多个子图像的第二图像，根据与预设规则对应的第一纹理信息图，对第二图像进行一次性渲染。其中，由于第一纹理信息图中包括与多个子图像一一对应的多个图块，而每个图块包括渲染对应子图像所需的纹理信息，因此从该第一纹理信息图中可一次性获取到所有子图像的纹理信息，进而可以一次性完整对所有子图像的渲染，解决了相关技术多次渲染导致处理器内存占用高、页面卡顿的问题。
附图说明
26.此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。
27.图1示出了本公开实施例提供的一种图像处理功能的效果展示图；
28.图2示出了本公开实施例提供的一种电子设备的结构示意图；
29.图3示出了本公开实施例提供的一种图像处理方法的流程示意图；
30.图4示出了本公开实施例提供的一种第二图像生成过程示意图；
31.图5示出了本公开实施例提供的又一种第二图像生成过程示意图；
32.图6示出了本公开实施例提供的又一种第二图像生成过程示意图；
33.图7示出了本公开实施例提供的又一种第二图像生成过程示意图；
34.图8示出了本公开实施例提供的又一种图像处理方法的流程示意图；
35.图9示出了本公开实施例提供的一种第二图像渲染过程示意图；
36.图10示出了本公开实施例提供的又一种图像处理装置的结构示意图。
具体实施方式
37.为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。
38.需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
39.还应当理解的是，术语“包括”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其他特征、整体、步骤、操作、元素和/或组件的存在或添加。
40.本公开所涉及的数据可以为经用户授权或者经过各方充分授权的数据。
41.如背景技术中所描述，为了满足互联网用户的多元社交需求，近年来出现了许多短视频应用程序，用户可以使用短视频应用程序拍摄图像或者短视频，并发布在互联网上。短视频应用程序上提供很多图像处理功能，用户可以通过这些图像处理功能，对图像进行处理，得到带有特殊展示效果的图像。
42.例如，通过某种图像处理功能，可以将来自一张或者多张图像的图像区域合成一张新图像，该新图像即包括多个图像区域，以呈现出在不同区域分别展示图像的不同部分的效果。然而，在前述图像处理的过程中，由于新图像包含多个图像区域，因此需要分别对每一图像区域进行纹理渲染，导致处理器内存占用高、页面卡顿，严重影响用户的使用体验。
43.基于此，本公开实施例提供了一种图像处理方法，包括：响应于图像处理指令，根据预设规则对至少一个第一图像进行处理，得到第二图像，第二图像包括根据预设规则对应的排列方式排列的多个子图像；根据与预设规则对应的第一纹理信息图，对第二图像进行渲染，第一纹理信息图包括根据预设规则从第一图像对应的第二纹理信息图中确定出的多个图块，多个图块按照预设规则对应的排列方式排列以与多个子图像位置一一对应；其中，对于每个图块，包括渲染与图块位置对应的子图像所需的纹理信息。通过根据第二图像中每个子图像对应的纹理信息对第二图像进行一次性渲染，得到渲染后的第二图像，避免对每一子图像分别进行渲染，解决了当前图像渲染过程中，处理器内存占用高、页面卡顿，严重影响用户的使用体验的问题。
44.以下对本公开实施例提供的图像处理方法的应用场景进行示例性说明：
45.本公开实施例提供的图像处理方法、装置、电子设备及存储介质，至少可以应用于用户通过电子设备上安装的应用程序(如短视频应用程序，快手)，对一个或者多个图像进
行处理，以获得带有特殊展示效果的图像的场景中。电子设备可以通过执行本公开实施例提供的图像处理方法，对输入的图像进行处理，得到具有特殊展示效果的图像，并在界面中显示。例如，通过某种图像处理功能，可以将来自一张或者多张图像的图像区域合成一张新图像，该新图像即包括多个图像区域，以呈现出在不同区域分别展示图像的不同部分的效果。示例性的，如图1所示，图1中a为用户拍摄的苹果照片，经过将图1中a进行多次复制和裁切后，得到多个子图像，该多个子图像分别展示a的不同部分，再将该多个子图像按照预设规则进行放置，得到图1中b，图1中b包括多个图像区域，每个图像区域分别展示不同的子图像，进而展示出图1中a中的不同部分，也就是图a中的苹果的不同部位。可见，通过对图1中a进行处理，用户可以得到带有特殊展示效果的图1中b。
46.需要说明的是，执行本公开实施例提供的图像处理方法的电子设备可以是服务器和终端设备。其中，终端设备可以是手机、平板电脑、桌面型、膝上型、手持计算机、笔记本电脑、超级移动个人计算机(ultra-mobile personal computer，umpc)、上网本，以及蜂窝电话、个人数字助理(personal digital assistant，pda)、增强现实(augmented reality，ar)\虚拟现实(virtual reality，vr)设备等可以安装并使用内容社区应用(如快手)的设备，本公开对该电子设备的具体形态不作特殊限制。其可以与用户通过键盘、触摸板、触摸屏、遥控器、语音交互或手写设备等一种或多种方式进行人机交互。需要说明的是，对电子设备的具体形态不予限定，例如，可以是如图2所示的电子设备。该电子设备可以是图像处理装置可以包括至少一个处理器21，通信总线22，存储器23以及至少一个通信接口24。
47.处理器21可以是一个处理器(central processing units，cpu)，微处理单元，asic，或一个或多个用于控制本公开方案程序执行的集成电路。
48.通信总线22可包括一通路，在上述组件之间传送信息。
49.通信接口24，使用任何收发器一类的装置，用于与其他设备或通信网络通信，如服务器、以太网，无线接入网(radio access network，ran)，无线局域网(wireless local area networks，wlan)等。作为一个示例，
50.存储器23可以是只读存储器(read-only memory，rom)或可存储静态信息和指令的其他类型的静态存储设备，随机存取存储器(random access memory，ram)或者可存储信息和指令的其他类型的动态存储设备，也可以是电可擦可编程只读存储器(electrically erasable programmable read-only memory，eeprom)、只读光盘(compact disc read-only memory，cd-rom)或其他光盘存储、光碟存储(包括压缩光碟、激光碟、光碟、数字通用光碟、蓝光光碟等)、磁盘存储介质或者其他磁存储设备、或者能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质，但不限于此。存储器可以是独立存在，通过总线与处理单元相连接。存储器也可以和处理单元集成在一起。
51.其中，存储器23用于存储执行本公开方案的应用程序代码，并由处理器21来控制执行。处理器21用于执行存储器23中存储的应用程序代码，从而实现本公开方法中的功能。
52.在具体实现中，作为一种实施例，处理器21可以包括一个或多个cpu，例如图2中的cpu0和cpu1。
53.在具体实现中，作为一种实施例，电子设备可以包括多个处理器，例如图2中的处理器21和处理器25。这些处理器中的每一个可以是一个单核(single-cpu)处理器，也可以
是一个多核(multi-cpu)处理器。这里的处理器可以指一个或多个设备、电路、和/或用于处理数据(例如计算机程序指令)的处理核。
54.在具体实现中，作为一种实施例，电子设备还可以包括输入设备26和输出设备27。输入设备26和输出设备27通信，可以以多种方式接受用户的输入。例如，输入设备26可以是鼠标、键盘、触摸屏设备或传感设备等。输出设备27和处理器21通信，可以以多种方式来显示信息。例如，输出设备21可以是液晶显示器(liquid crystal display，lcd)，发光二极管(light emitting diode，led)显示设备等。
55.本领域技术人员可以理解，图2中示出的结构并不构成对电子设备的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。
56.在一些实施例中，电子设备可以包括图像处理装置，电子设备通过图像处理装置执行本公开实施例提供的方法。
57.以下结合附图对本公开实施例提供的图像处理方法的具体实施方式进行详细说明。
58.图3为本公开实施例提供的一种图像处理方法流程图，如图3所示，当图像处理方法应用于电子设备时，该图像处理方法可以包括：
59.s301、响应于图像处理指令，根据预设规则对至少一个第一图像进行处理，得到第二图像，第二图像包括根据预设规则对应的排列方式排列的多个子图像。
60.具体的，第一图像可以为用户通过电子设备的相机拍摄的图像，也可以为用户在相册中选择的图像。例如，当用户使用电子设备拍摄照片时，用户可以在拍摄界面选择对应的特殊效果控件，使用该特殊效果控件对图像进行处理，得到带有特殊展示效果的图像。此外，第一图像可以为用户通过电子设备的相机拍摄的视频的任意一帧图像，通过依次对该视频每一帧对应的图像进行处理，得到带有特殊展示效果的视频。
61.在一些实施例中，响应于图像处理指令，根据预设规则对至少一个第一图像进行处理，得到第二图像，包括：显示图像处理界面，所述图像处理界面包括多个对应于不同预设规则的控件，接收通过操作任一所述控件输入的图像处理指令。
62.具体的，控件还包括特殊效果名称，当控件在图像处理界面显示时，用户通过查看每一控件上对应的特殊效果名称，选择意向的控件。由上述可知，通过在图像处理界面响应用户对任一控件的操作，提供了一种用户发送图像处理指令的方法，用户可以根据自身需求，在图像处理界面选择对应的控件，每一控件分别对应不同的预设规则，通过预设规则对输入的图像进行处理，得到带有特殊展示效果的图像。
63.在一些实施例中，预设规则包括第一规则和第二规则。第一规则实际上是从第一图像中确定出子图像的规则，第二规则实际上是确定子图像在第二图像中摆放位置的规则。应理解的是，不同控件对应的预设规则可能不同，而不同的预设规则中的第一规则可能不同，不同的预设规则中的第二规则也可能不同。
64.基于此，在一些实现方式中，上述s301具体可以包括：
65.首先，根据预设规则中的第一规则，从至少一个第一图像中确定出多个子图像，每个子图像为一个第一图像的局部区域或者完整区域。然后，根据预设规则中的第二规则，将多个子图像分别对应到不同的预设位置，以将多个子图像拼接成第二图像。需要说明的是，当第一规则不同时，从相同的第一图像中确定出的多个子图像是不同的。
66.在一些实施例中，第一规则可以为将第一图像复制后，分别对多张第一图像进行裁切，得到多个子图像的规则。其中，每个子图像分别为第一图像中的部分图像。第二规则可以为用于确定每个子图像在待生成的第二图像中的位置的规则，或者说对该多个子图像的拼接规则。按照第一规则裁切成预设的形状后，再按照第二规则将多个子图像分别对应到不同预设位置，拼接得到第二图像。示例性的，图4为本公开示出的一种实施例中的第二图像生成过程示意图。图像a为第一图像，按照第一规则，将其复制3次后，得到图像a1、图像a2和图像a3；然后对a1、a2和a3分别进行裁切，在每个第一图像中分别确定1个子图像，分别为子图像b、子图像c和子图像d。再按照第二规则，将子图像b、子图像c和子图像d分别对应到不同预设位置，拼接得到第二图像f。可以看出，第二图像f中包括的多张子图像分别为同一张第一图像的某部分区域，因此，第二图像展示出了第一图像的多个部分区域。在该示例中，该多个部分区域为不完全相同。
67.在一些实施例中，第一规则可以为将第一图像直接进行裁切，得到多个子图像的规则。其中，每个子图像分别为第一图像中的部分图像。需要说明的是，由于多张子图像来自同一张第一图像，因此，多张子图像分别展示第一图像的不同部分。再按照第二规则将多个子图像分别对应到不同预设位置，拼接得到第二图像，得到的第二图像则可以展示出该第一图像的多个不同部分。
68.示例性的，图5为本公开示出的一种实施例中的第二图像生成过程示意图，其中，图像a为第一图像，按照第一规则，对图像a进行裁切，得到3个子图像，分别为子图像b、子图像c和子图像d。再按照第二规则将子图像b、子图像c和子图像d分别对应到不同预设位置，拼接得到第二图像f。
69.在一些实施例中，第一规则可以为将第一图像复制后，分别对多张第一图像进行缩放，得到多个子图像的规则。其中，每个子图像分别为第一图像中的完整图像。按照第一规则缩放成预设的尺寸后，再按照第二规则将多个子图像分别对应到不同预设位置，拼接得到第二图像。
70.示例性的，图6为本公开示出的一种实施例中的第二图像生成过程示意图，图像h为第一图像，按照第一规则，将图像h进行复制后缩放，得到3个子图像，分别为子图像i、子图像j和子图像k。按照第二规则，将子图像i、子图像j和子图像k分别对应到不同预设位置，拼接得到第二图像l。
71.需要说明的是，当第二规则不同时，对多个子图像进行拼接所形成的第二图像是不同的，多个相同的子图像，按照不同的第二规则进行处理，得到的第二图像也是不同的。
72.示例性的，参见图7，子图像b、子图像c和子图像d是根据第一图像处理后得到的三个子图像，分别通过第二规则m和第二规则n进行处理，得到的第二图像分别为图像m和图像n，从图中可以看出，虽然图像m和图像n均是由相同的子图像得到的，但由于对应的第二规则不同，因此得到的对应的第二图像也不同。通过不同的第一规则和第二规则进行组合，能够为用户提供不同的带有特殊效果的图像的方案，用户可根据自身需求进行选择，提升用户的使用体验。
73.由上述实现方式可知，预设规则包括第一规则和第二规则。第一规则实际上是从第一图像中确定出子图像的规则，第二规则实际上是确定子图像在第二图像中摆放位置的规则。那么，根据预设规则生成第二图像的过程为，首先根据第一规则从第一图像中确定出
多个子图像，可能包括对第一图像进行裁切和复制的操作，需要说明的是，子图像可以是第一图像的部分区域，也可以是预设尺寸的第一图像的完整图像，然后根据第二规则将多个子图像分别填充到不同位置，得到第二图像，该第二图像带有特殊展示效果，比如可以在第二图像的不同区域分别展示第一图像的不同部分。
74.s302、根据与预设规则对应的第一纹理信息图，对第二图像进行渲染，第一纹理信息图包括根据预设规则从第一图像对应的第二纹理信息图中确定出的多个图块，多个图块按照预设规则对应的排列方式排列以与多个子图像位置一一对应；其中，对于每个图块，包括渲染与图块位置对应的子图像所需的纹理信息。
75.在一些实施例中，参见图8，根据与预设规则对应的第一纹理信息图，对第二图像进行渲染之前，还包括：
76.s801、获取以第一颜色通道值为横坐标、以第二颜色通道值为纵坐标构建的第二纹理信息图，第二纹理信息图与所述第一图像的尺寸相同。
77.在一种实现方式中，第一颜色为红色，第二颜色为绿色。该第二纹理信息图的左下角的颜色为黑色，对应的纹理坐标为(0，0)，左上角的颜色为绿色，对应的纹理坐标为(0，1)，右下角的颜色为红色，对应的纹理坐标为(1，0)，右上角的颜色为黄色，对应的纹理坐标为(1，1)。
78.s802、从第二纹理信息图中确定出多个图块，图块为第二纹理信息图的局部区域或者完整区域。
79.需要说明的是，有关s802中提及的第一规则的详细说明，可以参考上述在s301中对第一规则的介绍，此处不予赘述。
80.s803、将多个图块分别对应到不同的预设位置，拼接成第一纹理信息图，以使多个图块按照排列方式排列。
81.需要说明的是，有关s803中提及的第二规则的详细说明，可以参考上述在s301中对第二规则的介绍，此处不予赘述。
82.由s801-s803可知，本实现方式中，首先，使用该第二纹理信息图中两个方向(横向和纵向)的颜色通道值，定位实际图像中像素点的纹理坐标。其次，为了得到与第二图像对应的第一纹理信息图，依次根据上述预设规则中第一规则和第二规则，对该第二纹理信息图进行处理。由于根据第二纹理信息图生成第一纹理信息图的过程与根据第一图像生成第二图像的过程相同，因此可以保证得到的第一纹理信息图与第二图像是对应的，即第一纹理信息图中包括与多个子图像一一对应的多个图块，每个图块包括渲染对应子图像所需的纹理信息。
83.具体的，上述根据与预设规则对应的第一纹理信息图，对第二图像进行渲染，包括：从所述第一纹理信息图中采集与所述第二图像中每个像素点对应的第一通道颜色值和第二通道颜色值，作为所述每个像素点的纹理坐标，根据所述第二图像中每个像素点的纹理坐标，对所述第二图像进行渲染。
84.示例性的，参见图9，图m为第一图像，根据预设规则对图m进行处理，首先，通过第一规则，将图m划分为子图像x、子图像y和子图像z，同时通过第一规则对uv图，即第二纹理信息图进行处理，得到图x、图y和图z分别对应的图块x、图块y和图块z，根据子图像x、子图像y和子图像z通过第二规则得到对应的第二图像，第二图像为图e，同时根据相同的第二规
则对图块x、图块y和图块z进行处理，得到对应的uv图的纹理信息图，即第一纹理信息图，其中，第二纹理信息图与图m的尺寸相同，通过对第一纹理信息图中每个像素对应的纹理坐标进行采样，得到每个像素点对应的纹理坐标，通过纹理坐标对图e中的每个像素点进行渲染，得到渲染后的图e。
85.由上述实施例可知，通过第二图像中每一像素点对应的纹理坐标，对第二图像进行渲染，得到渲染后的第二图像，由于只进行了一次渲染，无需对第二图像中每一子图像分别进行多次渲染，解决了当前图像渲染过程中，处理器内存占用高、页面卡顿，严重影响用户的使用体验的问题。
86.由s301-s302可知，由于第二图像包括多个子图像，相关技术对第二图像进行渲染时，需要分别获取每个子图像的纹理信息，并根据获取到的纹理信息对每个子图像进行渲染，这意味着需要对第二图像渲染多次，其次数与子图像个数一致。而多次渲染将导致处理器内存占用高、页面卡顿的问题。本公开构思在于：对于包括多个子图像的第二图像，根据与预设规则对应的第一纹理信息图，对第二图像进行一次性渲染。其中，由于第一纹理信息图中包括与多个子图像一一对应的多个图块，而每个图块包括渲染对应子图像所需的纹理信息，因此从该第一纹理信息图中可一次性获取到所有子图像的纹理信息，进而可以一次性完整对所有子图像的渲染，解决了相关技术多次渲染导致处理器内存占用高、页面卡顿的问题。
87.可以理解的，在实际实施时，本公开实施例的终端/服务器可以包含有用于实现前述对应图像处理方法的一个或多个硬件结构和/或软件模块，这些执行硬件结构和/或软件模块可以构成一个电子设备。本领域技术人员应该很容易意识到，结合本文中所公开的实施例描述的各示例的算法步骤，本公开能够以硬件或硬件和计算机软件的结合形式来实现。某个功能究竟以硬件还是计算机软件驱动硬件的方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本公开的范围。
88.基于这样的理解，本公开实施例还对应提供一种数据处理装置，可以应用于电子设备。图10示出了本公开实施例提供的图像处理装置的结构示意图。如图10所示，该图像处理装置可以包括：图像生成单元111和图像渲染单元112；图像生成单元111，用于响应于图像处理指令，根据预设规则对至少一个第一图像进行处理，得到第二图像，第二图像包括根据预设规则对应的排列方式排列的多个子图像；图像渲染单元112，用于根据与预设规则对应的第一纹理信息图，对第二图像进行渲染，第一纹理信息图包括根据预设规则从第一图像对应的第二纹理信息图中确定出的多个图块，多个图块按照预设规则对应的排列方式排列以与多个子图像位置一一对应；其中，对于每个图块，包括渲染与图块位置对应的子图像所需的纹理信息。
89.可选地，图像生成单元111，具体用于：从至少一个第一图像中确定出多个子图像，每个子图像为一个第一图像的局部区域或者完整区域；将多个子图像分别对应到不同的预设位置，拼接成第二图像，以使多个子图像按照排列方式排列。
90.可选地，图像生成单元111，还用于：获取以第一颜色通道值为横坐标、以第二颜色通道值为纵坐标构建的第二纹理信息图，第二纹理信息图与第一图像的尺寸相同；从第二纹理信息图中确定出多个图块，图块为第二纹理信息图的局部区域或者完整区域；将多个
图块分别对应到不同的预设位置，拼接成第一纹理信息图，以使多个图块按照排列方式排列。
91.可选地，图像渲染单元112，具体用于：从第一纹理信息图中采集与第二图像中每个像素点对应的第一通道颜色值和第二通道颜色值，作为每个像素点的纹理坐标；根据第二图像中每个像素点的纹理坐标，对第二图像进行渲染。
92.可选地，图像处理装置，还包括：界面显示单元113，用于显示图像处理界面，图像处理界面包括多个对应于不同预设规则的控件；接收通过操作任一控件输入的图像处理指令。
93.由于第二图像包括多个子图像，相关技术对第二图像进行渲染时，需要分别获取每个子图像的纹理信息，并根据获取到的纹理信息对每个子图像进行渲染，这意味着需要对第二图像渲染多次，其次数与子图像个数一致。而多次渲染将导致处理器内存占用高、页面卡顿的问题。本公开对于包括多个子图像的第二图像，根据与预设规则对应的第一纹理信息图，对第二图像进行一次性渲染。其中，由于第一纹理信息图中包括与多个子图像一一对应的多个图块，而每个图块包括渲染对应子图像所需的纹理信息，因此从该第一纹理信息图中可一次性获取到所有子图像的纹理信息，进而可以一次性完整对所有子图像的渲染，解决了相关技术多次渲染导致处理器内存占用高、页面卡顿的问题。
94.如上，本公开实施例可以根据上述方法示例对电子设备进行功能模块的划分。其中，上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。另外，还需要说明的是，本公开实施例中对模块的划分是示意性的，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式。例如，可以对应各个功能划分各个功能模块，也可以将两个或两个以上的功能集成在一个处理模块中。
95.关于上述实施例中的图像处理装置，其中各个模块执行操作的具体方式、以及具备的有益效果，均已经在前述方法实施例中进行了详细描述，此处不再赘述。
96.本公开实施例还提供一种电子设备。该电子设备可以是图像处理装置。该电子设备可因配置或性能不同而产生比较大的差异，可以包括一个或一个以上处理器和一个或一个以上的存储器。其中，存储器中存储有至少一条指令，至少一条指令由处理器加载并执行以实现上述各个方法实施例提供的图像处理方法。当然，该电子设备还可以具有有线或无线网络接口、键盘以及输入输出接口等部件，以便进行输入输出，该电子设备还可以包括其他用于实现设备功能的部件，在此不做赘述。
97.本公开还提供了一种包括指令的计算机可读存储介质，计算机可读存储介质上存储有指令，当计算机可读存储介质中的指令由计算机设备的处理器执行时，使得计算机能够执行上述所示实施例提供的图像处理方法。例如，计算机可读存储介质可以为包括指令的存储器23，上述指令可由终端的处理器21执行以完成上述方法。又例如，计算机可读存储介质可以为包括指令的存储器，上述指令可由电子设备的处理器执行以完成上述方法。可选地，计算机可读存储介质可以是非临时性计算机可读存储介质，例如，非临时性计算机可读存储介质可以是rom、ram、cd-rom、磁带、软盘和光数据存储设备等。
98.本公开还提供了一种计算机程序产品，该计算机程序产品包括计算机指令，当计算机指令在电子设备上运行时，使得电子设备执行上述图像处理方法。
99.本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其
它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。
100.应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。