本公开关于一种图像处理方法、装置、电子设备及存储介质，涉及图像处理技术领域，在本公开中，对于包括多个子图像的第二图像，根据与预设规则对应的第一纹理信息图，对第二图像进行一次性渲染。其中，由于第一纹理信息图中包括与多个子图像一一对应的多个图块，而每个图块包括渲染对应子图像所需的纹理信息，因此从该第一纹理信息图中可一次性获取到所有子图像的纹理信息，进而可以一次性完整对所有子图像的渲染，解决了相关技术多次渲染导致处理器内存占用高、页面卡顿的问题。页面卡顿的问题。页面卡顿的问题。
【技术实现步骤摘要】
图像处理方法、装置、电子设备及存储介质
[0001]本公开涉及图像处理
，尤其涉及一种图像处理方法、装置、电子设备及存储介质。
技术介绍
[0002]为了满足互联网用户的多元社交需求，近年来出现了许多短视频应用程序，用户可以使用短视频应用程序拍摄图像或者短视频，并发布在互联网上。短视频应用程序上提供很多图像处理功能，用户可以通过这些图像处理功能，对图像进行处理，得到带有特殊展示效果的图像。
[0003]例如，通过某种图像处理功能，可以将来自一张或者多张图像的图像区域合成一张新图像，该新图像即包括多个图像区域，以呈现出在不同区域分别展示图像的不同部分的效果。然而，在前述图像处理的过程中，由于新图像包含多个图像区域，因此需要分别对每一图像区域进行纹理渲染，导致处理器内存占用高、页面卡顿，严重影响用户的使用体验。
技术实现思路
[0004]本公开提供一种图像处理方法、装置、电子设备及存储介质，可以解决对用户输入的图像渲染过程中，服务器内存占用高、页面卡顿的问题，提升用户的使用体验。
[0005]本公开实施例的技术方案如下：
[0006]根据本公开实施例的第一方面，提供一种图像处理方法。该方法可以包括：响应于图像处理指令，根据预设规则对至少一个第一图像进行处理，得到第二图像，第二图像包括根据预设规则对应的排列方式排列的多个子图像；根据与预设规则对应的第一纹理信息图，对第二图像进行渲染，第一纹理信息图包括根据预设规则从第一图像对应的第二纹理信息图中确定出的多个图块，多个图块按照预设规则对应的排列方式排列以与多个子图像位置一一对应；其中，对于每个图块，包括渲染与图块位置对应的子图像所需的纹理信息。
[0007]由于第二图像包括多个子图像，相关技术对第二图像进行渲染时，需要分别获取每个子图像的纹理信息，并根据获取到的纹理信息对每个子图像进行渲染，这意味着需要对第二图像渲染多次，其次数与子图像个数一致。而多次渲染将导致处理器内存占用高、页面卡顿的问题。本公开对于包括多个子图像的第二图像，根据与预设规则对应的第一纹理信息图，对第二图像进行一次性渲染。其中，由于第一纹理信息图中包括与多个子图像一一对应的多个图块，而每个图块包括渲染对应子图像所需的纹理信息，因此从该第一纹理信息图中可一次性获取到所有子图像的纹理信息，进而可以一次性完整对所有子图像的渲染，解决了相关技术多次渲染导致处理器内存占用高、页面卡顿的问题。
[0008]可选地，响应于输入的图像处理指令，根据预设规则对至少一个第一图像进行处理，得到第二图像，包括：从至少一个第一图像中确定出多个子图像，每个子图像为一个第一图像的局部区域或者完整区域；多个子图像分别对应到不同的预设位置，拼接成第二图
像，以使多个子图像按照排列方式排列。
[0009]在本实现方式中，预设规则包括第一规则和第二规则。第一规则实际上是从第一图像中确定出子图像的规则，第二规则实际上是确定子图像在第二图像中摆放位置的规则。那么，根据预设规则生成第二图像的过程为，首先根据第一规则从第一图像中确定出多个子图像，可能包括对第一图像进行裁切和复制的操作，需要说明的是，子图像可以是第一图像的部分区域，也可以是预设尺寸的第一图像的完整图像，然后根据第二规则将多个子图像分别填充到不同位置，得到第二图像，该第二图像带有特殊展示效果，比如可以在第二图像的不同区域分别展示第一图像的不同部分。
[0010]可选地，根据与预设规则对应的第一纹理信息图，对第二图像进行渲染之前，还包括：获取以第一颜色通道值为横坐标、以第二颜色通道值为纵坐标构建的第二纹理信息图，第二纹理信息图与第一图像的尺寸相同；从第二纹理信息图中确定出多个图块，图块为第二纹理信息图的局部区域或者完整区域；将多个图块分别对应到不同的预设位置，拼接成第一纹理信息图，以使多个图块按照排列方式排列。
[0011]本实现方式的构思在于，首先，使用该第二纹理信息图中两个方向(横向和纵向)的颜色通道值，定位实际图像中像素点的纹理坐标。其次，为了得到与第二图像对应的纹理信息图，依次根据上述预设规则中第一规则和第二规则，对该第二纹理信息图进行处理。由于根据第二纹理信息图生成第一纹理信息图的过程与根据第一图像生成第二图像的过程相同，因此可以保证得到的第一纹理信息图与第二图像是对应的，即第一纹理信息图中包括与多个子图像一一对应的多个图块，每个图块包括渲染对应子图像所需的纹理信息。
[0012]可选地，根据与预设规则对应的第一纹理信息图，对第二图像进行渲染，包括：从第一纹理信息图中采集与第二图像中每个像素点对应的第一通道颜色值和第二通道颜色值，作为每个像素点的纹理坐标；根据第二图像中每个像素点的纹理坐标，对第二图像进行渲染。
[0013]本实现方式中，通过第二图像中每一像素点对应的纹理坐标，对第二图像进行渲染，得到渲染后的第二图像，由于只进行了一次渲染，无需对第二图像中每一子图像分别进行多次渲染，解决了当前图像渲染过程中，处理器内存占用高、页面卡顿，严重影响用户的使用体验的问题。
[0014]可选地，响应于输入的图像处理指令，根据预设规则对至少一个第一图像进行处理，得到第二图像之前，包括：显示图像处理界面，图像处理界面包括多个对应于不同预设规则的控件；接收通过操作任一控件输入的图像处理指令。
[0015]根据本公开实施例的第二方面，提供一种图像处理装置。该装置可以包括：图像生成单元和图像渲染单元；图像生成单元，用于响应于图像处理指令，根据预设规则对至少一个第一图像进行处理，得到第二图像，第二图像包括根据预设规则对应的排列方式排列的多个子图像；图像渲染单元，用于根据与预设规则对应的第一纹理信息图，对第二图像进行渲染，第一纹理信息图包括根据预设规则从第一图像对应的第二纹理信息图中确定出的多个图块，多个图块按照预设规则对应的排列方式排列以与多个子图像位置一一对应；其中，对于每个图块，包括渲染与图块位置对应的子图像所需的纹理信息。
[0016]可选地，图像生成单元，具体用于：从至少一个第一图像中确定出多个子图像，每个子图像为一个第一图像的局部区域或者完整区域；将多个子图像分别对应到不同的预设
位置，拼接成第二图像，以使多个子图像按照排列方式排列。
[0017]可选地，图像生成单元，还用于：获取以第一颜色通道值为横坐标、以第二颜色通道值为纵坐标构建的第二纹理信息图，第二纹理信息图与第一图像的尺寸相同；从第二纹理信息图中确定出多个图块，图块为第二纹理信息图的局部区域或者完整区域；将多个图块分别对应到不同的预设位置，拼接成第一纹理信息图，以使多个图块按照排列方式排列。
[0018]可选地，图像渲染单元，具体用于：从第一纹理信息图中采集与第二图像中每个像素点对应的第一通道颜色值和第二通道颜色值，作为每个像素点的纹理坐标；根据第二图像中每个像素点的纹理坐标，对第二图像进行渲染。
[0019]可选地，图像处理装置，还包括：界面显示单元，用于显示图像处理界面，图像处理界面包括多个对应于本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种图像处理方法，其特征在于，所述方法包括：响应于图像处理指令，根据预设规则对至少一个第一图像进行处理，得到第二图像，所述第二图像包括根据所述预设规则对应的排列方式排列的多个子图像；根据与所述预设规则对应的第一纹理信息图，对所述第二图像进行渲染，所述第一纹理信息图包括根据所述预设规则从所述第一图像对应的第二纹理信息图中确定出的多个图块，所述多个图块按照所述预设规则对应的排列方式排列以与所述多个子图像位置一一对应；其中，对于每个所述图块，包括渲染与所述图块位置对应的子图像所需的纹理信息。2.根据权利要求1所述的图像处理方法，其特征在于，所述响应于输入的图像处理指令，根据预设规则对至少一个第一图像进行处理，得到第二图像，包括：从所述至少一个第一图像中确定出所述多个子图像，每个所述子图像为一个所述第一图像的局部区域或者完整区域；将所述多个子图像分别对应到不同的预设位置，拼接成所述第二图像，以使所述多个子图像按照所述排列方式排列。3.根据权利要求1所述的图像处理方法，其特征在于，所述根据与所述预设规则对应的第一纹理信息图，对所述第二图像进行渲染之前，还包括：获取以第一颜色通道值为横坐标、以第二颜色通道值为纵坐标构建的第二纹理信息图，所述第二纹理信息图与所述第一图像的尺寸相同；从所述第二纹理信息图中确定出多个图块，所述图块为所述第二纹理信息图的局部区域或者完整区域；将所述多个图块分别对应到不同的预设位置，拼接成所述第一纹理信息图，以使所述多个图块按照所述排列方式排列。4.根据权利要求3所述的图像处理方法，其特征在于，所述根据与所述预设规则对应的第一纹理信息图，对所述第二图像进行渲染，包括：从所述第一纹理信息图中采集与所述第二图像中每个像素点对应的第一通道颜色值和第二通道颜色值，作为所述每个像素点的纹理坐标；根据所述第二图像中每个像素点的纹理坐标，对所述第二...
【专利技术属性】
技术研发人员：杨丽倩，
申请(专利权)人：北京达佳互联信息技术有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。