图片处理方法、装置及设备与流程

本发明涉及图像处理领域，具体而言，涉及一种图片处理方法、装置及设备。

背景技术：

对于ppt图片，ppt图片填充包括8种平铺方式(左上方式、左下方式、右上方式、右下方式、靠左方式、靠上方式、靠下方式、靠右方式)。目前，ppt图片填充现有的渲染方式的实现过程如图1所示，可以获取到具体的平铺方式，从而获取到ppt图片的填充参数，然后在渲染端添加对具体平铺方式的支持，按照填充参数进行渲染显示。

但是，由于平铺方式种类较多，为了实现ppt图片填充，渲染端需要添加所有平铺方式的支持，处理过程复杂，工作量较大。

针对上述的问题，目前尚未提出有效的解决方案。

技术实现要素：

本发明实施例提供了一种图片处理方法、装置及设备，以至少解决现有技术中的图片处理方法按照不同填充方式将填充图片填充至填充区域内，处理过程复杂且工作量大的技术问题。

根据本发明实施例的一个方面，提供了一种图片处理方法，包括：获取填充至填充区域内的填充图片，以及填充方式；基于填充图片，确定预设填充方式对应的第一填充参数；基于第一填充参数，以及填充方式与预设填充方式的偏移关系，得到填充方式对应的第二填充参数；基于第二填充参数，按照预设填充方式将填充图片填充至填充区域内。

进一步地，填充方式包括如下之一：左上对齐、左下对齐、右上对齐、右下对齐、左对齐、上对齐、下对齐和右对齐。

进一步地，基于第一填充参数，以及填充方式与预设填充方式的偏移关系，得到填充方式对应的第二填充参数，包括：获取填充图片的尺寸和填充区域的尺寸；基于填充图片的尺寸、填充区域的尺寸和偏移关系，得到相应的偏移距离；基于第一填充参数和偏移距离，得到第二填充参数。

进一步地，偏移关系包括：竖直偏移和/或水平偏移，偏移距离包括：竖直方向上的偏移距离和/或水平方向上的偏移距离，其中，竖直偏移包括：第一竖直偏移或第二竖直偏移，水平偏移包括：第一水平偏移或第二水平偏移。

进一步地，在偏移关系包括第一竖直偏移的情况下，基于填充图片的尺寸，基于填充图片的尺寸、填充区域的尺寸和偏移关系，得到相应的偏移距离，包括：获取填充区域的高与填充图片的高的比值，得到填充图片在竖直方向上的第一数量值；获取第一数量值的小数部分数值和填充图片的高的乘积，得到竖直方向上的第一偏移距离。

进一步地，在偏移关系包括第一水平偏移的情况下，基于填充图片的尺寸，基于填充图片的尺寸、填充区域的尺寸和偏移关系，得到相应的偏移距离，包括：获取填充区域的宽与填充图片的宽的比值，得到填充图片在水平方向上的第二数量值；获取第二数量值的小数部分数值和填充图片的宽的乘积，得到水平方向上的第一偏移距离。

进一步地，在偏移关系包括第二竖直偏移的情况下，基于填充图片的尺寸，基于填充图片的尺寸、填充区域的尺寸和偏移关系，得到相应的偏移距离，包括：获取填充区域的高与第一预设值的比值，得到第一比值；获取第一比值与填充图片的高的比值，得到填充图片在竖直方向上的第三数量值；基于第三数量值的小数部分数值、填充图片的高和第二预设值，得到竖直方向上的第二偏移距离。

进一步地，基于第三数量值的小数部分数值、填充图片的高和第二预设值，得到竖直方向上的第二偏移距离，包括：在第三数量值的小数部分数值大于或等于第二预设值的情况下，获取第三数量值的小数部分数值与第二预设值之差，得到第一差值，并获取第一差值与填充图片的高的乘积，得到竖直方向上的第二偏移距离；在第三数量值的小数部分之小于第二预设值的情况下，获取第三数量值的小数部分数值与第二预设值之和，得到第一和值，并获取第一和值与填充图片的高的乘积，得到竖直方向上的第二偏移距离。

进一步地，在偏移关系包括第二水平偏移的情况下，基于填充图片的尺寸，基于填充图片的尺寸、填充区域的尺寸和偏移关系，得到相应的偏移距离，包括：获取填充区域的宽与第一预设值的比值，得到第二比值；获取第二比值与填充图片的宽的比值，得到填充图片在竖直方向上的第四数量值；基于第四数量值的小数部分数值、填充图片的宽和第二预设值，得到水平方向上的第二偏移距离。

进一步地，基于第四数量值的小数部分数值、填充图片的宽和第二预设值，得到水平方向上的第二偏移距离，包括：在第四数量值的小数部分数值大于或等于第二预设值的情况下，获取第四数量值的小数部分数值与第二预设值之差，得到第二差值，并获取第二差值与填充图片的宽的乘积，得到水平方向上的第二偏移距离；在第四数量值的小数部分之小于第二预设值的情况下，获取第四数量值的小数部分数值与第二预设值之和，得到第二和值，并获取第二和值与填充图片的宽的乘积，得到水平方向上的第二偏移距离。

进一步地，在填充方式包括左下对齐的情况下，偏移关系包括第一竖直偏移；在填充方式包括右上对齐的情况下，偏移关系包括第一水平偏移；在填充方式包括右下对齐的情况下，偏移关系包括第一竖直偏移和第一水平偏移；在填充方式包括左对齐的情况下，偏移关系包括第二竖直偏移；在填充方式包括上对齐的情况下，偏移关系包括第二水平偏移；在填充方式包括右对齐的情况下，偏移关系包括第二竖直偏移和第一水平偏移；在填充方式包括下对齐的情况下，偏移关系包括第一竖直偏移和第二水平偏移。

进一步地，基于第一填充参数和偏移距离，得到第二填充参数，包括：基于竖直方向上的偏移距离和/或水平方向上的偏移距离，对第一填充参数中的参数进行调整，得到第二填充参数。

根据本发明实施例的另一方面，还提供了一种图片处理方法，包括：显示填充至填充区域内的填充图片，以及填充方式；显示填充后的填充区域，其中，填充后的填充区域是基于填充方式对应的第二填充参数，按照预设填充方式将填充图片填充至填充区域内得到的，第二填充参数是基于预设填充方式对应的第一填充参数，以及填充方式与预设填充方式的偏移关系得到的。

根据本发明实施例的另一方面，还提供了一种图片处理装置，包括：获取模块，用于获取填充至填充区域内的填充图片，以及填充图片对应的填充方式；确定模块，用于基于填充图片，确定预设填充方式对应的第一填充参数；处理模块，用于基于第一填充参数，以及填充方式与预设填充方式的偏移关系，得到填充方式对应的第二填充参数；填充模块，用于基于第二填充参数，按照预设填充方式将填充图片填充至填充区域内。

根据本发明实施例的另一方面，还提供了一种图片处理装置，包括：第一显示模块，用于显示填充至填充区域内的填充图片，以及填充方式；第二显示模块，用于显示填充后的填充区域，其中，填充后的填充区域是基于填充方式对应的第二填充参数，按照预设填充方式将填充图片填充至填充区域内得到的，第二填充参数是基于预设填充方式对应的第一填充参数，以及填充方式与预设填充方式的偏移关系得到的。

根据本发明实施例的另一方面，还提供了一种图片处理设备，包括：显示屏，用于显示填充至填充区域内的填充图片；输入装置，用于输入填充方式；处理器，与显示屏和输入装置连接，用于基于填充图片，确定预设填充方式对应的第一填充参数，基于第一填充参数，以及填充方式与预设填充方式的偏移关系，得到填充方式对应的第二填充参数，并基于第二填充参数，按照预设填充方式将填充图片填充至填充区域内。

根据本发明实施例的另一方面，还提供了一种存储介质，存储介质包括存储的程序，其中，在程序运行时控制存储介质所在设备执行上述的图片处理方法。

根据本发明实施例的另一方面，还提供了一种处理器，处理器用于运行程序，其中，程序运行时执行上述的图片处理方法。

在本发明实施例中，在获取到填充至填充区域内的填充图片和填充方式之后，基于填充图片，确定预设填充方式对应的第一填充参数，基于第一填充参数，以及填充方式与预设填充方式的偏移关系，得到填充方式对应的第二填充参数，进一步地基于第二填充参数，按照预设填充方式将填充图片填充至填充区域内，从而在渲染端默认支持左上对齐方式的情况下，可以将其他对齐方式转换为相对于左上对齐的偏移进行渲染，实现相同的渲染效果，达到降低处理复杂度，降低成本，减少工作量，达到快速支持图片解析的技术效果，进而解决了现有技术中的图片处理方法按照不同填充方式将填充图片填充至填充区域内，处理过程复杂且工作量大的技术问题。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是根据现有技术的一种图片处理方法的流程图；

图2是根据本发明实施例的一种图片处理方法的流程图；

图3是根据本发明实施例的一种填充图片的示意图；

图4是根据本发明实施例的一种左上对齐的渲染效果的示意图；

图5是根据本发明实施例的一种左下对齐的渲染效果的示意图；

图6是根据本发明实施例的一种右上对齐的渲染效果的示意图；

图7是根据本发明实施例的一种左对齐的渲染效果的示意图；

图8是根据本发明实施例的另一种图片处理方法的流程图；

图9是根据本发明实施例的一种视频数据的处理装置的结构示意图；

图10是根据本发明实施例的另一种视频数据的处理装置的结构示意图；以及

图11是根据本发明实施例的一种图片处理设备的结构示意图。

具体实施方式

为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。

需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

实施例1

根据本发明实施例，提供了一种图片处理方法的实施例，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

本实施例提供的图片处理方法可以由图片处理设备执行，该图片处理设备可以通过软件和/或硬件的方式实现，该图片处理设备可以是两个或多个物理实体构成，也可以是一个物理实体构成。该图片处理设备可以是电脑，手机，平板或智能交互平板等。在实施例中，以图片处理设备智能交互平板为例进行描述，其中，智能交互平板可以是通过触控技术对显示在显示平板上的内容进行操控和实现人机交互操作的一体化设备，其集成了投影机、电子白板、幕布、音响、电视机以及视频会议终端等一种或多种功能。

在实施例中，智能交互平板与至少一个外部装置建立数据连接。其中，外部装置包括但不限于：手机、笔记本电脑、usb闪存盘、平板电脑及台式电脑等。外部装置与智能交互平板的数据连接的通信方式实施例中不作限定，可以通过usb连接、互联网、局域网、蓝牙、wi-fi或紫峰协议(zigbee)等通信方式。

进一步的，智能交互平板与至少一个外部装置发生数据交互时，向智能交互平板发送投屏数据以使智能交互平板对投屏数据的投屏内容进行显示的外部装置作为投屏客户端，一般而言，投屏客户端可以有一个或者多个，视具体的应用场景来设置，实施例不做限定。

可选的，投屏客户端和/或智能交互平板中安装有投屏应用软件，该投屏应用软件可以预先安装在上述投屏客户端和/或智能交互平板中，也可以是在投屏客户端和/或智能交互平板启动投屏应用时，从第三方设备或服务器进行下载并安装使用。其中，第三方设备在实施例中不作限定。具体的，投屏应用软件用于获取投屏客户端显示的内容，将其作为投屏数据，并指示智能交互平板显示该内容。实施例中以投屏客户端和智能交互平板中同时安装有投屏应用软件为例进行说明。其中，投屏客户端的投屏应用软件用于获取投屏数据，并将投屏数据直接或间接发送至智能交互平板。如果是间接发送的话，投屏客户端可以通过中转设备发送至智能交互平板，该中转设备可以是无线传屏装置，也可以是具有数据中转/处理功能的其它设备。智能交互平板的投屏应用软件用于接收投屏数据，并将投屏数据转换成相应的内容，便于智能交互平板进行显示。需要说明的是，投屏客户端的显示屏与智能交互平板的显示屏的分辨率不同，而投屏数据是基于投屏客户端的分辨率获取的，因此，为了在智能交互平板的显示屏中显示投屏数据，投屏应用软件需要根据投屏客户端的显示屏和智能交互平板的显示屏的分辨率确定屏幕映射关系，进而根据屏幕映射关系对投屏数据进行转换以得到投屏内容。需要说明的是，在实施例中，投屏内容和投屏数据的显示内容实质相同，仅是分辨率不同。

进一步的，投屏数据为图片格式，其可以是对投屏客户端的显示内容截屏得到的截屏数据，或者是演示文稿(microsoftofficepowerpoint，ppt)。在实施例中，以投屏数据为ppt图片为例进行描述。

在实施例中，智能交互平板显示屏为触摸屏，该触摸屏可以包括：电容屏，电磁屏或红外屏等。一般而言，该触摸屏可以接收用户通过手指或者输入设备输入的触摸操作。其中，输入设备包括但不限定于：触控笔、红外笔和/或电容笔等。

图2是根据本发明实施例的一种图片处理方法的流程图，如图2所示，该方法包括如下步骤：

步骤s202，获取填充至填充区域内的填充图片，以及填充方式。

可选地，填充方式可以包括如下之一：左上对齐、左下对齐、右上对齐、右下对齐、左对齐、上对齐、下对齐和右对齐。

具体地，填充图片可以是ppt图片，如图3所示，用于按照不同的平铺方式填充至填充区域内，该填充图片可以由投屏客户端发送至智能交互平板，投屏客户端中的填充图片可以是投屏客户端中存储的图片，也可以是用户实时输入或从网络上下载的图片。填充区域可以是用户在智能交互平板上选择的区域，可以是智能交互平板的显示屏上任意一个区域，用户可以通过点击、双击或者长按等操作，选择填充区域的起始位置，并通过拖动或者滑动等操作，确定填充区域的结束位置，从而得到填充区域。需要说明的是，为了实现将填充图片填充至填充区域内，需要确保填充区域的尺寸大于填充图片的尺寸，填充区域的尺寸越大，需要填充的填充图片的数量越多。填充方式可以是用户在智能交互平板上选择的平铺方式，可以是8种平铺方式中的任意一种，智能交互平板的显示屏上显示8种平铺方式，用户通过点击、双击或者长按等操作，选中任意一种平铺方式。

进一步地，智能交互平板可以先获取到填充图片，然后获取到用户选择的填充方式，也可以是智能交互平板可以先获取到用户选择的填充方式，然后获取到填充图片。其中，填充图片的发送时刻可以根据实际情况进行设定。

步骤s204，基于填充图片，确定预设填充方式对应的第一填充参数。

具体地，上述的预设填充方式可以是智能交互平板上渲染端的默认支持的平铺方式，例如，可以是左对齐方式。第一填充参数可以是通用的图片填充平铺的xml，xml表示节点为：<viewport>0.1,0.2,0.3,0.4</viewport>，其中前两个参数决定了填充图片的水平和竖直偏移情况，后两个参数决定了填充图片的尺寸，也即填充图片的宽高。在确定填充图片的尺寸之后，可以得到第一填充参数中每个参数的参数值，从而得到第一填充参数。

需要说明的是，经过测试发现不同的平铺方式对应的前两个参数不同，通过调整这两个参数即可实现不同的对齐效果。

步骤s206，基于第一填充参数，以及填充方式与预设填充方式的偏移关系，得到填充方式对应的第二填充参数。

可选地，偏移关系可以包括：竖直偏移和/或水平偏移，其中，竖直偏移包括：第一竖直偏移或第二竖直偏移，水平偏移包括：第一水平偏移或第二水平偏移。

进一步地，在填充方式包括左下对齐的情况下，偏移关系包括第一竖直偏移；在填充方式包括右上对齐的情况下，偏移关系包括第一水平偏移；在填充方式包括右下对齐的情况下，偏移关系包括第一竖直偏移和第一水平偏移；在填充方式包括左对齐的情况下，偏移关系包括第二竖直偏移；在填充方式包括上对齐的情况下，偏移关系包括第二水平偏移；在填充方式包括右对齐的情况下，偏移关系包括第二竖直偏移和第一水平偏移；在填充方式包括下对齐的情况下，偏移关系包括第一竖直偏移和第二水平偏移。

具体地，上述的偏移关系用于表征不同的平铺方式所呈现出来的效果之间的差异。通过研究发现，如图4所示，左上对齐表示填充后的填充区域中，左上角的填充图片的左边框与填充区域的左边框重合，该填充图片的上边框与填充区域的上边框重合；如图5所示，左下对齐表示填充后的填充区域中，左下角的填充图片的左边框与填充区域的左边框重合，该填充图片的下边框与填充区域的下边框重合，与左上对齐比较可知，相当于左上对齐在竖直方向向下平移，因此，可以确定左下对齐与左上对齐的偏移关系为第一竖直偏移；如图6所示，右上对齐表示填充后的填充区域中，右上角的填充图片的右边框与填充区域的右边框重合，该填充图片的上边框与填充区域的上边框重合，与左上对齐比较可知，相当于左上对齐在水平方向向右平移，因此，可以确定右上对齐与左上对齐的偏移关系为第一水平偏移；右下对齐表示填充后的填充区域中，右下角的填充图片的右边框与填充区域的右边框重合，该填充图片的下边框与填充区域的下边框重合，与左上对齐比较可知，相当于左上对齐在竖直方向向下平移，并且在水平方向向右平移，因此，可以确定右下对齐与左上对齐的偏移关系包括第一竖直偏移和第一水平偏移；如图7所示，左对齐表示填充后的填充区域中，左侧居中的填充图片的水平中间线与填充区域的水平中间线重合，该填充图片的左边框与填充区域的左边框重合，与左上对齐比较可知，相当于左上对齐在竖直方向向下平移，因此，可以确定左对齐与左上对齐的偏移关系为第二竖直偏移；上对齐表示填充后的填充区域中，上方居中的填充图片的竖直中间线与填充区域的竖直中间线重合，该填充图片的上边框与填充区域的上边框重合，与左上对齐比较可知，相当于左上对齐在水平方向向右平移，因此，可以确定上对齐与左上对齐的偏移关系为第二水平偏移；下对齐表示填充后的填充区域中，下方居中的填充图片的竖直中间线与填充区域的竖直中间线重合，该填充图片的下边框与填充区域的下边框重合，与左上对齐比较可知，相当于左上对齐在水平方向向右平移，在竖直方向向下平移，因此，可以确定下对齐与左上对齐的偏移关系包括第一竖直偏移和第二水平偏移；右对齐表示填充后的填充区域中，右侧居中的填充图片的水平中间线与填充区域的水平中间线重合，该填充图片的右边框与填充区域的右边框重合，与左上对齐比较可知，相当于左上对齐在水平方向向右平移，并在竖直方向向下平移，因此，可以确定右对齐与左上对齐的偏移关系包括第二竖直偏移和第一水平偏移。在确定偏移关系之后，可以根据用户选择的填充方式与左上对齐方式的偏移关系，对左上对齐方式的前两个参数进行调整，以实现正确的渲染效果。

上述步骤的具体实现如步骤s2062至步骤s2066：

步骤s2062，获取填充图片的尺寸和填充区域的尺寸。

具体地，填充图片的尺寸可以是填充图片的宽高，分别为picw和pich。填充区域的尺寸可以是填充区域的宽高，分别为boundw和boundh。

步骤s2064，基于填充图片的尺寸、填充区域的尺寸和偏移关系，得到相应的偏移距离。

可选地，偏移距离可以包括：竖直方向上的偏移距离和/或水平方向上的偏移距离。

具体地，由于不同的平铺方式的渲染效果存在差异，由于渲染时不做任何对齐方式支持时是默认左上对齐的，则可以根据不同的平铺方式之间的偏移关系，确定不同的平铺方式的渲染效果相对于左上对齐的渲染效果的偏移距离，从而根据偏移距离对左上对齐方式得到的xml中的参数进行调整，从而得到新的xml，以实现按照用户选择的平铺方式进行填充的渲染效果。

对于左下对齐、右下对齐和下对齐，相对于左上对齐方式而言，在竖直方向向下平移的距离相同，均为竖直方向上的第一偏移距离。具体实现如步骤s212至步骤s214：

步骤s212，获取填充区域的高与填充图片的高的比值，得到填充图片在竖直方向上的第一数量值。

具体地，上述的第一数量值可以是竖直方向上，填充图片能够铺满整个填充区域需要的填充图片的个数，需要精确到小数位，计算公式如下所示：piccount＝boundh/pich。

步骤s214，获取第一数量值的小数部分数值和填充图片的高的乘积，得到竖直方向上的第一偏移距离。

具体地，由于平移整数个的填充图片的距离后的渲染效果与平移之前相同，因此，仅需要根据piccount的小数部分数值fractpart确定竖直方向上的第一偏移距离，计算公式如下所示：lengthh＝fractpart*pich。

对于右上对齐、右下对齐和右对齐，相对于左上对齐方式而言，在水平方向向右平移的距离相同，均为水平方向上的第一偏移距离。具体实现如步骤s222至步骤s224：

步骤s222，获取填充区域的宽与填充图片的宽的比值，得到填充图片在水平方向上的第二数量值。

具体地，上述的第二数量值可以是水平方向上，填充图片能够铺满整个填充区域需要的填充图片的个数，需要精确到小数位，计算公式如下所示：piccount＝boundw/picw。

步骤s224，获取第二数量值的小数部分数值和填充图片的宽的乘积，得到水平方向上的第一偏移距离。

具体地，由于平移整数个的填充图片的距离后的渲染效果与平移之前相同，因此，仅需要根据piccount的小数部分数值fractpart确定水平方向上的第一偏移距离，计算公式如下所示：lengthw＝fractpart*picw。

对于左对齐和右对齐，相对于上左对齐方式而言，在竖直方向向下平移的距离相同，均为竖直方向上的第二偏移距离，小于竖直方向上的第一偏移距离。具体实现如步骤s232至步骤s236：

步骤s232，获取填充区域的高与第一预设值的比值，得到第一比值。

具体地，对于左对齐和右对齐，居中填充图片的水平中间线与填充区域的水平中间线重合，上述的第一预设值可以是2，上述的第一比值可以是竖直方向上，填充区域的一半，计算公式如下所示：boundh/2。

步骤s234，获取第一比值与填充图片的高的比值，得到填充图片在竖直方向上的第三数量值。

具体地，上述的第三数量值可以是竖直方向上，填充图片能够铺满整个填充区域一半需要的填充图片的个数，需要精确到小数位，计算公式如下所示：piccount＝(boundh/2)/pich。

步骤s236，基于第三数量值的小数部分数值、填充图片的高和第二预设值，得到竖直方向上的第二偏移距离。

具体地，上述的第二预设值可以是0.5。由于平移整数个的填充图片的距离后的渲染效果与平移之前相同，因此，仅需要根据piccount的小数部分数值fractpart确定竖直方向上的第二偏移距离。具体实现如步骤s2362至步骤s2364：

步骤s2362，在第三数量值的小数部分数值大于或等于第二预设值的情况下，获取第三数量值的小数部分数值与第二预设值之差，得到第一差值，并获取第一差值与填充图片的高的乘积，得到竖直方向上的第二偏移距离。

具体地，确定竖直方向上的第二偏移距离时，需要分两种情况，当fractpart≥0.5时，计算公式如下所示：lengthh＝(fractpart-0.5)*pich。

步骤s2364，在第三数量值的小数部分之小于第二预设值的情况下，获取第三数量值的小数部分数值与第二预设值之和，得到第一和值，并获取第一和值与填充图片的高的乘积，得到竖直方向上的第二偏移距离。

具体地，确定竖直方向上的第二偏移距离时，需要分两种情况，当fractpart<0.5时，计算公式如下所示：lengthh＝(fractpart+0.5)*pich。

对于上对齐和下对齐，相对于上左对齐方式而言，在水平方向向右平移的距离相同，均为水平方向上的第二偏移距离，小于水平方向上的第一偏移距离。具体实现如步骤s242至步骤s246：

步骤s242，获取填充区域的宽与第一预设值的比值，得到第二比值。

具体地，对于左对齐和右对齐，居中填充图片的水平中间线与填充区域的水平中间线重合，上述的第二比值可以是水平方向上，填充区域的一半，计算公式如下所示：boundw/2。

步骤s244，获取第二比值与填充图片的宽的比值，得到填充图片在竖直方向上的第四数量值。

具体地，上述的第四数量值可以是水平方向上，填充图片能够铺满整个填充区域一半需要的填充图片的个数，需要精确到小数位，计算公式如下所示：piccount＝(boundw/2)/picw。

步骤s246，基于第四数量值的小数部分数值、填充图片的宽和第二预设值，得到水平方向上的第二偏移距离。

具体地，由于平移整数个的填充图片的距离后的渲染效果与平移之前相同，因此，仅需要根据piccount的小数部分数值fractpart确定竖直方向上的第二偏移距离。具体实现如步骤s2462至步骤s2464：

步骤s2462，在第四数量值的小数部分数值大于或等于第二预设值的情况下，获取第四数量值的小数部分数值与第二预设值之差，得到第二差值，并获取第二差值与填充图片的宽的乘积，得到水平方向上的第二偏移距离。

具体地，确定水平方向上的第二偏移距离时，需要分两种情况，当fractpart≥0.5时，计算公式如下所示：lengthw＝(fractpart-0.5)*picw。

步骤s2464，在第四数量值的小数部分之小于第二预设值的情况下，获取第四数量值的小数部分数值与第二预设值之和，得到第二和值，并获取第二和值与填充图片的宽的乘积，得到水平方向上的第二偏移距离。

具体地，确定水平方向上的第二偏移距离时，需要分两种情况，当fractpart<0.5时，计算公式如下所示：lengthw＝(fractpart+0.5)*picw。

需要说明的是，当用户选择的平铺方式为左上对齐时，可以确定偏移距离为0。

步骤s2066，基于第一填充参数和偏移距离，得到第二填充参数。

具体地，第一填充参数中的第一参数决定了水平方向上的偏移情况，第二参数决定了竖直方向上的偏移情况，可以根据水平方向上的第一偏移距离和第二偏移距离对第一参数进行调整，根据竖直方向上的第一偏移距离和第二偏移距离对第二参数进行调整。具体实现如步骤s252：

步骤s252，基于竖直方向上的偏移距离和/或水平方向上的偏移距离，对第一填充参数中的参数进行调整，得到第二填充参数。

具体地，当偏移关系为第一竖直偏移时，可以根据竖直方向上的第一偏移距离，对第二参数进行调整，也即，计算第二参数的参数值与竖直方向上的第一偏移距离之和，从而得到调整后的第二参数的参数值；当偏移关系为第二竖直偏移时，可以根据竖直方向上的第二偏移距离，对第二参数进行调整，也即，计算第二参数的参数值与竖直方向上的第二偏移距离之和，从而得到调整后的第二参数的参数值。当偏移关系为第一水平偏移时，可以根据水平方向上的第一偏移距离，对第一参数进行调整，也即，计算第一参数的参数值与水平方向上的第一偏移距离之和，从而得到调整后的第一参数的参数值；当偏移关系为第二水平偏移时，可以根据水平方向上的第二偏移距离，对第一参数进行调整，也即，计算第一参数的参数值与水平方向上的第二偏移距离之和，从而得到调整后的第一参数的参数值。在对第一填充参数中第一参数和/或第二参数进行调整之后，根据调整后的参数值和未调整的参数值，得到第二填充参数，也即以确定整后的填充参数为用户选择的平铺方式转换为左上对齐方式时的填充参数。

进一步地，对于左上对齐，可以保证第一参数和第二参数的参数值不变；对于左下对齐，可以仅基于竖直方向上的第一偏移距离，对第二参数的参数值进行调整，并保证第一参数的参数值不变；对于右上对齐，可以仅基于水平方向上的第一偏移距离，对第一参数的参数值进行调整，并保证第二参数的参数值不变；对于右下对齐，可以基于水平方向上的第一偏移距离，对第一参数的参数值进行调整，并基于竖直方向上的第一偏移距离，对第二参数的参数值进行调整；对于左对齐，可以仅基于竖直方向上的第二偏移距离，对第二参数的参数值进行调整，并保证第一参数的参数值不变；对于上对齐，可以仅基于水平方向上的第二偏移距离，对第一参数的参数值进行调整，并保证第二参数的参数值不变；对于右对齐，可以基于水平方向上的第一偏移距离，对第一参数的参数值进行调整，并基于竖直方向上的第二偏移距离，对第二参数的参数值进行调整；对于下对齐，可以基于水平方向上的第二偏移距离，对第一参数的参数值进行调整，并基于竖直方向上的第一偏移距离，对第二参数的参数值进行调整。

步骤s208，基于第二填充参数，按照预设填充方式将填充图片填充至填充区域内。

具体地，在得到整后的填充参数之后，可以基于整后的填充参数，并按照左上对齐方式进行渲染，从而渲染后的填充区域与按照用户选择的平铺方式进行渲染，渲染后的填充区域的效果相同，也即，得到正确的渲染效果。

在本发明实施例中，在获取到填充至填充区域内的填充图片和填充方式之后，基于填充图片，确定预设填充方式对应的第一填充参数，基于第一填充参数，以及填充方式与预设填充方式的偏移关系，得到填充方式对应的第二填充参数，进一步地基于第二填充参数，按照预设填充方式将填充图片填充至填充区域内，从而在渲染端默认支持左上对齐方式的情况下，可以将其他对齐方式转换为相对于左上对齐的偏移进行渲染，实现相同的渲染效果，达到降低处理复杂度，降低成本，减少工作量，达到快速支持图片解析的技术效果，进而解决了现有技术中的图片处理方法按照不同填充方式将填充图片填充至填充区域内，处理过程复杂且工作量大的技术问题。

实施例2

根据本发明实施例，还提供了一种图片处理方法的实施例，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

图8是根据本发明实施例的另一种图片处理方法的流程图，如图8所示，该方法包括如下步骤：

步骤s802，显示填充至填充区域内的填充图片，以及填充方式。

具体地，填充图片和填充方式可以由智能交互平板的显示屏进行显示。

步骤s804，显示填充后的填充区域，其中，填充后的填充区域是基于填充方式对应的第二填充参数，按照预设填充方式将填充图片填充至填充区域内得到的，第二填充参数是基于预设填充方式对应的第一填充参数，以及填充方式与预设填充方式的偏移关系得到的。

具体地，可以由智能交互平板的处理器进行处理，基于填充图片确定预设填充方式对应的第一填充参数，然后基于第一填充参数以及填充方式与预设填充方式的偏移关系，得到填充方式对应的第二填充参数，进一步基于第二填充参数，按照预设填充方式将填充图片填充至填充区域内，得到填充后的填充区域，并由智能交互平板的显示屏进行显示，可以得到按照填充方式进行填充的渲染效果相同。

在本发明实施例中，在获取到填充至填充区域内的填充图片和填充方式之后，显示填充图片和填充方式，在基于填充图片，确定预设填充方式对应的第一填充参数，基于第一填充参数，以及填充方式与预设填充方式的偏移关系，得到填充方式对应的第二填充参数，进一步地基于第二填充参数，按照预设填充方式将填充图片填充至填充区域内之后，显示填充后的填充区域，从而在渲染端默认支持左上对齐方式的情况下，可以将其他对齐方式转换为相对于左上对齐的偏移进行渲染，实现相同的渲染效果，达到降低处理复杂度，降低成本，减少工作量，达到快速支持图片解析的技术效果，进而解决了现有技术中的图片处理方法按照不同填充方式将填充图片填充至填充区域内，处理过程复杂且工作量大的技术问题。

实施例3

根据本发明实施例，提供了一种图片处理装置的实施例，本实施例提供的图片处理装置可以集成在图片处理设备中，该图片处理设备可以是两个或多个物理实体构成，也可以是一个物理实体构成，该图片处理设备可以是电脑、手机、平板、投影仪或智能交互平板等。

图9是根据本发明实施例的一种视频数据的处理装置的结构示意图，如图9所示，该装置包括：获取模块92、确定模块94、处理模块96和填充模块98。

其中，获取模块92用于获取填充至填充区域内的填充图片，以及填充图片对应的填充方式；确定模块94用于基于填充图片，确定预设填充方式对应的第一填充参数；处理模块96用于基于第一填充参数，以及填充方式与预设填充方式的偏移关系，得到填充方式对应的第二填充参数；填充模块98用于基于第二填充参数，按照预设填充方式将填充图片填充至填充区域内。

在上述实施例的基础上，处理模块包括：获取单元，用于获取填充图片的尺寸和填充区域的尺寸；第一处理单元，用于基于填充图片的尺寸、填充区域的尺寸和偏移关系，得到相应的偏移距离；第二处理单元，用于基于第一填充参数和偏移距离，得到第二填充参数。

在上述实施例的基础上，在偏移关系包括第一竖直偏移的情况下，第一处理单元包括：第一获取子单元，用于获取填充区域的高与填充图片的高的比值，得到填充图片在竖直方向上的第一数量值；第二获取子单元，用于获取第一数量值的小数部分数值和填充图片的高的乘积，得到竖直方向上的第一偏移距离。

在上述实施例的基础上，在偏移关系包括第一水平偏移的情况下，第一处理单元包括：第三获取子单元，用于获取填充区域的宽与填充图片的宽的比值，得到填充图片在水平方向上的第二数量值；第四获取子单元，用于获取第二数量值的小数部分数值和填充图片的宽的乘积，得到水平方向上的第一偏移距离。

在上述实施例的基础上，在偏移关系包括第二竖直偏移的情况下，第一处理单元包括：第五获取子单元，用于获取填充区域的高与第一预设值的比值，得到第一比值；第六获取子单元，用于获取第一比值与填充图片的高的比值，得到填充图片在竖直方向上的第三数量值；第一处理子单元，用于基于第三数量值的小数部分数值、填充图片的高和第二预设值，得到竖直方向上的第二偏移距离。

在上述实施例的基础上，第一处理子单元，用于在第三数量值的小数部分数值大于或等于第二预设值的情况下，获取第三数量值的小数部分数值与第二预设值之差，得到第一差值，并获取第一差值与填充图片的高的乘积，得到竖直方向上的第二偏移距离；在第三数量值的小数部分之小于第二预设值的情况下，获取第三数量值的小数部分数值与第二预设值之和，得到第一和值，并获取第一和值与填充图片的高的乘积，得到竖直方向上的第二偏移距离。

在上述实施例的基础上，在偏移关系包括第二水平偏移的情况下，第一处理单元包括：第七获取子单元，用于获取填充区域的宽与第一预设值的比值，得到第二比值；第八获取子单元，用于获取第二比值与填充图片的宽的比值，得到填充图片在竖直方向上的第四数量值；第二处理子单元，用于基于第四数量值的小数部分数值、填充图片的宽和第二预设值，得到水平方向上的第二偏移距离。

在上述实施例的基础上，第二处理子单元，用于在第四数量值的小数部分数值大于或等于第二预设值的情况下，获取第四数量值的小数部分数值与第二预设值之差，得到第二差值，并获取第二差值与填充图片的宽的乘积，得到水平方向上的第二偏移距离；在第四数量值的小数部分之小于第二预设值的情况下，获取第四数量值的小数部分数值与第二预设值之和，得到第二和值，并获取第二和值与填充图片的宽的乘积，得到水平方向上的第二偏移距离。

在上述实施例的基础上，第二处理单元包括：调整子单元，用于基于竖直方向上的偏移距离和/或水平方向上的偏移距离，对第一填充参数中的参数进行调整，得到第二填充参数。

在本发明实施例中，在获取到填充至填充区域内的填充图片和填充方式之后，基于填充图片，确定预设填充方式对应的第一填充参数，基于第一填充参数，以及填充方式与预设填充方式的偏移关系，得到填充方式对应的第二填充参数，进一步地基于第二填充参数，按照预设填充方式将填充图片填充至填充区域内，从而在渲染端默认支持左上对齐方式的情况下，可以将其他对齐方式转换为相对于左上对齐的偏移进行渲染，实现相同的渲染效果，达到降低处理复杂度，降低成本，减少工作量，达到快速支持图片解析的技术效果，进而解决了现有技术中的图片处理方法按照不同填充方式将填充图片填充至填充区域内，处理过程复杂且工作量大的技术问题。

实施例4

根据本发明实施例，还提供了一种图片处理装置的实施例，本实施例提供的图片处理装置可以集成在图片处理设备中，该图片处理设备可以是两个或多个物理实体构成，也可以是一个物理实体构成，该图片处理设备可以是电脑、手机、平板、投影仪或智能交互平板等。

图10是根据本发明实施例的另一种视频数据的处理装置的结构示意图，如图10所示，该装置包括：第一显示模块102和第二显示模块104。

其中，第一显示模块102用于显示填充至填充区域内的填充图片，以及填充方式；第二显示模块104用于显示填充后的填充区域，其中，填充后的填充区域是基于填充方式对应的第二填充参数，按照预设填充方式将填充图片填充至填充区域内得到的，第二填充参数是基于预设填充方式对应的第一填充参数，以及填充方式与预设填充方式的偏移关系得到的。

在本发明实施例中，在获取到填充至填充区域内的填充图片和填充方式之后，显示填充图片和填充方式，在基于填充图片，确定预设填充方式对应的第一填充参数，基于第一填充参数，以及填充方式与预设填充方式的偏移关系，得到填充方式对应的第二填充参数，进一步地基于第二填充参数，按照预设填充方式将填充图片填充至填充区域内之后，显示填充后的填充区域，从而在渲染端默认支持左上对齐方式的情况下，可以将其他对齐方式转换为相对于左上对齐的偏移进行渲染，实现相同的渲染效果，达到降低处理复杂度，降低成本，减少工作量，达到快速支持图片解析的技术效果，进而解决了现有技术中的图片处理方法按照不同填充方式将填充图片填充至填充区域内，处理过程复杂且工作量大的技术问题。

实施例5

根据本发明实施例，提供了一种图片处理设备的实施例。

图11是根据本发明实施例的一种图片处理设备的结构示意图，如图11所示，该图片处理设备包括：显示屏112、输入装置114和处理器116。该图片处理设备中处理器116的数量可以是一个或者多个，图11中以一个处理器116为例。该图片处理设备的显示屏112、输入装置114和处理器116可以通过总线或者其他方式连接，图11中以通过总线连接为例。实施例中，图片处理设备可以是电脑，手机，平板，投影仪或交互智能平板等。实施例中，以图片处理设备智能交互平板为例进行描述。

显示屏112为具有触摸功能的显示屏112，其可以是电容屏、电磁屏或者红外屏。一般而言，显示屏112用于根据处理器116的指示显示数据，还用于接收作用于显示屏112的触摸操作，并将相应的信号发送至处理器116或其他装置。可选的，当显示屏112为红外屏时，其还包括红外触摸框，该红外触摸框设置在显示屏112的四周，其还可以用于接收红外信号，并将该红外信号发送至处理器116或者其他设备。

输入装置114可用于接收输入的数字或者字符信息，以及产生与图片处理设备的用户设置以及功能控制有关的键信号输入，还可以是用于获取图像的摄像头以及获取音频数据的拾音设备。需要说明的是，输入装置114的具体组成可以根据实际情况设定。

处理器116通过运行存储在存储器中的软件程序、指令以及模块，从而执行设备的各种功能应用以及数据处理，即实现上述的图片处理方法。存储器作为一种计算机可读存储介质，可用于存储软件程序、计算机可执行程序以及模块，如本发明任意实施例所述的图片处理方法对应的程序指令/模块(例如，第一种图片处理装置中的获取模块82、确定模块84、处理模块86和填充模块88；第二种图片处理装置中的第一显示模块92和第二显示模块94)。存储器可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序；存储数据区可存储根据设备的使用所创建的数据等。此外，存储器可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中，存储器可进一步包括相对于处理器116远程设置的存储器，这些远程存储器可以通过网络连接至设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

具体的，实施例中，处理器116执行存储器中存储的一个或多个程序时，具体实现如下操作：指示显示屏112显示显示填充至填充区域内的填充图片；获取输入装置116输入的填充方式；基于填充图片，确定预设填充方式对应的第一填充参数，基于第一填充参数，以及填充方式与预设填充方式的偏移关系，得到填充方式对应的第二填充参数，并基于第二填充参数，按照预设填充方式将填充图片填充至填充区域内。

在上述实施例的基础上，处理器116在实现基于第一填充参数，以及填充方式与预设填充方式的偏移关系，得到填充方式对应的第二填充参数时，具体包括：获取填充图片的尺寸和填充区域的尺寸；基于填充图片的尺寸、填充区域的尺寸和偏移关系，得到相应的偏移距离；基于第一填充参数和偏移距离，得到第二填充参数。

在上述实施例的基础上，在偏移关系包括第一竖直偏移的情况下，处理器116在实现基于填充图片的尺寸、填充区域的尺寸和偏移关系，得到相应的偏移距离时，具体包括：获取填充区域的高与填充图片的高的比值，得到填充图片在竖直方向上的第一数量值；获取第一数量值的小数部分数值和填充图片的高的乘积，得到竖直方向上的第一偏移距离。

在上述实施例的基础上，在偏移关系包括第一水平偏移的情况下，处理器116在实现基于填充图片的尺寸、填充区域的尺寸和偏移关系，得到相应的偏移距离时，具体包括：获取填充区域的宽与填充图片的宽的比值，得到填充图片在水平方向上的第二数量值；获取第二数量值的小数部分数值和填充图片的宽的乘积，得到水平方向上的第一偏移距离。

在上述实施例的基础上，在偏移关系包括第二竖直偏移的情况下，处理器116在实现基于填充图片的尺寸、填充区域的尺寸和偏移关系，得到相应的偏移距离时，具体包括：获取填充区域的高与第一预设值的比值，得到第一比值；获取第一比值与填充图片的高的比值，得到填充图片在竖直方向上的第三数量值；基于第三数量值的小数部分数值、填充图片的高和第二预设值，得到竖直方向上的第二偏移距离。

在上述实施例的基础上，处理器116在基于第三数量值的小数部分数值、填充图片的高和第二预设值，得到竖直方向上的第二偏移距离时，具体包括：在第三数量值的小数部分数值大于或等于第二预设值的情况下，获取第三数量值的小数部分数值与第二预设值之差，得到第一差值，并获取第一差值与填充图片的高的乘积，得到竖直方向上的第二偏移距离；在第三数量值的小数部分之小于第二预设值的情况下，获取第三数量值的小数部分数值与第二预设值之和，得到第一和值，并获取第一和值与填充图片的高的乘积，得到竖直方向上的第二偏移距离。

在上述实施例的基础上，在偏移关系包括第二水平偏移的情况下，处理器116在实现基于填充图片的尺寸、填充区域的尺寸和偏移关系，得到相应的偏移距离时，具体包括：获取填充区域的宽与第一预设值的比值，得到第二比值；获取第二比值与填充图片的宽的比值，得到填充图片在竖直方向上的第四数量值；基于第四数量值的小数部分数值、填充图片的宽和第二预设值，得到水平方向上的第二偏移距离。

在上述实施例的基础上，处理器116在基于第四数量值的小数部分数值、填充图片的宽和第二预设值，得到水平方向上的第二偏移距离时，具体包括：在第四数量值的小数部分数值大于或等于第二预设值的情况下，获取第四数量值的小数部分数值与第二预设值之差，得到第二差值，并获取第二差值与填充图片的宽的乘积，得到水平方向上的第二偏移距离；在第四数量值的小数部分之小于第二预设值的情况下，获取第四数量值的小数部分数值与第二预设值之和，得到第二和值，并获取第二和值与填充图片的宽的乘积，得到水平方向上的第二偏移距离。

在上述实施例的基础上，处理器116在基于第一填充参数和偏移距离，得到第二填充参数时，具体包括：基于竖直方向上的偏移距离和/或水平方向上的偏移距离，对第一填充参数中的参数进行调整，得到第二填充参数。

在本发明实施例中，在获取到填充至填充区域内的填充图片和填充方式之后，基于填充图片，确定预设填充方式对应的第一填充参数，基于第一填充参数，以及填充方式与预设填充方式的偏移关系，得到填充方式对应的第二填充参数，进一步地基于第二填充参数，按照预设填充方式将填充图片填充至填充区域内，从而在渲染端默认支持左上对齐方式的情况下，可以将其他对齐方式转换为相对于左上对齐的偏移进行渲染，实现相同的渲染效果，达到降低处理复杂度，降低成本，减少工作量，达到快速支持图片解析的技术效果，进而解决了现有技术中的图片处理方法按照不同填充方式将填充图片填充至填充区域内，处理过程复杂且工作量大的技术问题。

实施例6

根据本发明实施例，提供了一种存储介质的实施例，存储介质包括存储的程序，其中，在程序运行时控制存储介质所在设备执行上述的图片处理方法。

实施例7

根据本发明实施例，提供了一种处理器的实施例，处理器用于运行程序，其中，程序运行时执行上述的图片处理方法。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

在本发明的上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

在本申请所提供的几个实施例中，应该理解到，所揭露的技术内容，可通过其它的方式实现。其中，以上所描述的装置实施例仅仅是示意性的，例如所述单元的划分，可以为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，单元或模块的间接耦合或通信连接，可以是电性或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：u盘、只读存储器(rom，read-onlymemory)、随机存取存储器(ram，randomaccessmemory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。