CN110992447B - 一种图文适配方法、装置、存储介质及设备 - Google Patents

Abstract

本申请提供了一种图文适配方法、装置、存储介质及设备，其中，方法包括：在接收到预设触发指令的情况下，将原画布中的原元素显示在新画布中，得到新元素；确定新元素的信息；信息包括：新元素在新画布中的相对位置信息，以及新元素的高度和宽度；原元素与原画布间的相对位置关系，和，在相对位置信息下新元素与新画布间的相对位置关系一致；按照信息，在新画布中设置新元素，得到第一元素；依据第一元素的宽高比值与原元素的宽高比值，确定第一元素在新画布中的最终元素；最终元素的宽高比值与原元素的宽高比值相同；最终元素在新画布中的相对位置信息与信息中的相对位置信息相同。本申请在新画布中生成的图文与原画布的图文具有相同视觉效果。

Description

一种图文适配方法、装置、存储介质及设备

技术领域

本申请涉及图像处理领域，尤其涉及一种图文适配方法、装置、存储介质及设备。

背景技术

用户在编辑器的某种尺寸的画布中完成一幅作品(图文)，在实际的场景中，用户需要在另一种尺寸的画布(为了描述方便，称为新画布)中设计该图文，如果用户在新画布中重新设计该图文，很难保证前后设计的图文的一致性，质量可能会下降。

因此，在画布尺寸发生改变，并且，新画布的图文与原画布的图文需要在视觉效果上保持一致的情况下，为了提高用户的工作效率，需要一种图文适配方法，用于在新画布中生成与原画布的图文具有相同视觉效果的图文。

发明内容

本申请提供了一种图文适配方法、装置、存储介质及设备，目的在于在新画布中生成与原画布的图文具有相同视觉效果的图文。

为了实现上述目的，本申请提供了以下技术方案：

本申请提供了一种图文适配方法，包括：

在接收到预设触发指令的情况下，将原画布中的原元素显示在新画布中，得到新元素；

确定所述新元素的信息；所述信息包括：所述新元素在所述新画布中的相对位置信息，以及所述新元素的高度和宽度；所述原元素与所述原画布间的相对位置关系，和，在所述相对位置信息下所述新元素与所述新画布间的相对位置关系一致；所述原元素的宽度和所述新元素的宽度间的比值，等于所述原画布的宽度和所述新画布的宽度间的比值；所述原元素的高度与所述新元素的高度间的比值，等于所述原画布的高度和所述新画布的高度间的比值；

按照所述信息，在所述新画布中设置所述新元素，得到第一元素；

依据所述第一元素的宽高比值与所述原元素的宽高比值，确定所述第一元素在所述新画布中的最终元素；所述最终元素的宽高比值与所述原元素的宽高比值相同；所述最终元素在所述新画布中的相对位置信息与所述信息中的相对位置信息相同。

可选的，所述新元素在所述新画布中的相对位置信息包括：所述新元素相对于所述新画布的宽度偏移量和高度偏移量；任一画布中的任一元素，该元素相对于该画布的宽度偏移量为该元素的左边界与该画布的左边界间的距离；该元素相对于该画布的高度偏移量为该元素的上边界与该画布的上边界间的距离；

所述原元素与所述原画布间的相对位置关系，和，在所述相对位置信息下所述新元素与所述新画布间的相对位置关系一致，包括：所述原元素相对于所述原画布的宽度偏移量和所述新元素相对于所述新画布的宽度偏移量间的比值，等于所述原画布的宽度与所述新画布的宽度间的比值；所述原元素相对于所述原画布的高度偏移量和所述新元素相对于所述新画布的高度偏移量间的比值，等于所述原画布的高度和所述新画布的高度间的比值。

可选的，依据所述第一元素的宽高比值与所述原元素的宽高比值，确定所述第一元素在所述新画布中的最终元素，包括：

在所述第一元素的宽高比值等于所述原元素的宽高比值的情况下，所述第一元素为所述最终元素。

可选的，依据所述第一元素的宽高比值与所述原元素的宽高比值，确定所述第一元素在所述新画布中的最终元素，包括：

在所述第一元素的宽高比值不等于所述原元素的宽高比值的情况下，确定所述第一元素的待修正项，以及所述待修正项被修正后所需达到的项值；所述待修正项被修正后的第一元素的宽高比值等于所述原元素的宽高比值；

将所述待修正项的取值设置为所述项值，得到第二元素；

按照所述信息中的相对位置信息，设置所述第二元素，得到所述最终元素。

可选的，在所述第一元素的宽高比值大于所述原元素的宽高比值的情况下，所述待修正项为宽度；在所述第一元素的宽高比值小于所述原元素的宽高比值的情况下，所述待修正项为高度。

可选的，所述方法运行在本地。

本申请还提供了一种图文适配装置，包括：

显示模块，用于在接收到预设触发指令的情况下，将原画布中的原元素显示在新画布中，得到新元素；

第一确定模块，用于确定所述新元素的信息；所述信息包括：所述新元素在所述新画布中的相对位置信息，以及所述新元素的高度和宽度；所述原元素与所述原画布间的相对位置关系，和，在所述相对位置信息下所述新元素与所述新画布间的相对位置关系一致；所述原元素的宽度和所述新元素的宽度间的比值，等于所述原画布的宽度和所述新画布的宽度间的比值；所述原元素的高度与所述新元素的高度间的比值，等于所述原画布的高度和所述新画布的高度间的比值；

第一设置模块，用于按照所述信息，在所述新画布中设置所述新元素，得到第一元素；

第二确定模块，用于依据所述第一元素的宽高比值与所述原元素的宽高比值，确定所述第一元素在所述新画布中的最终元素；所述最终元素的宽高比值与所述原元素的宽高比值相同；所述最终元素在所述新画布中的相对位置信息与所述信息中的相对位置信息相同。

可选的，所述新元素在所述新画布中的相对位置信息包括：所述新元素相对于所述新画布的宽度偏移量和高度偏移量；任一画布中的任一元素，该元素相对于该画布的宽度偏移量为该元素的左边界与该画布的左边界间的距离；该元素相对于该画布的高度偏移量为该元素的上边界与该画布的上边界间的距离；

所述原元素与所述原画布间的相对位置关系，和，在所述相对位置信息下所述新元素与所述新画布间的相对位置关系一致，包括：所述原元素相对于所述原画布的宽度偏移量和所述新元素相对于所述新画布的宽度偏移量间的比值，等于所述原画布的宽度与所述新画布的宽度间的比值；所述原元素相对于所述原画布的高度偏移量和所述新元素相对于所述新画布的高度偏移量间的比值，等于所述原画布的高度和所述新画布的高度间的比值。

可选的，第二确定模块，用于依据所述第一元素的宽高比值与所述原元素的宽高比值，确定所述第一元素在所述新画布中的最终元素，包括：

所述第二确定模块，具体用于在所述第一元素的宽高比值等于所述原元素的宽高比值的情况下，所述第一元素为所述最终元素。

可选的，第二确定模块，用于依据所述第一元素的宽高比值与所述原元素的宽高比值，确定所述第一元素在所述新画布中的最终元素，包括：

所述第二确定模块，具体用于在所述第一元素的宽高比值不等于所述原元素的宽高比值的情况下，确定所述第一元素的待修正项，以及所述待修正项被修正后所需达到的项值；所述待修正项被修正后的第一元素的宽高比值等于所述原元素的宽高比值；

将所述待修正项的取值设置为所述项值，得到第二元素；

按照所述信息中的相对位置信息，设置所述第二元素，得到所述最终元素。

可选的，在所述第一元素的宽高比值大于所述原元素的宽高比值的情况下，所述待修正项为宽度；在所述第一元素的宽高比值小于所述原元素的宽高比值的情况下，所述待修正项为高度。

本申请还提供了一种存储介质，所述存储介质包括存储的程序，其中，所述程序执行上述任意一种所述的图文适配方法。

本申请还提供了一种设备，所述设备包括至少一个处理器、以及与所述处理器连接的至少一个存储器、总线；其中，所述处理器、所述存储器通过所述总线完成相互间的通信；所述处理器用于调用所述存储器中的程序指令，以执行上述任意一种所述的图文适配方法。

本申请所述的图文适配方法及装置中，在接收到预设触发指令的情况下，将原画布中的原元素显示在新画布中，得到新元素，确定新元素的信息；按照信息，在新画布中调整新元素，得到第一元素。其中，信息包括：新元素在新画布中的相对位置信息，以及新元素的高度和宽度。由于原元素与原画布间的相对位置关系，和，在相对位置信息下的新元素与新画布间的相对位置关系一致，使得在视觉上，第一元素与新画布间的相对位置关系和原元素与原画布间的相对位置关系一致。

由于原元素的宽度和新元素的宽度间的比值，等于原画布和新画布的宽度间的比值；原元素的高度与新元素的高度间的比值，等于原画布和新画布间的高度比值，使得第一元素在新画布中的宽高和原元素在原画布中的宽高，与新画布和原画布的尺寸保持一致。

本申请中，依据第一元素的宽高比值与原元素的宽高比值，确定第一元素在新画布中的最终元素。其中，一方面，由于最终元素的宽高比值与原元素的宽高比值相同，即相对于画布，最终元素和原元素的宽高在视觉上是一致的。另一方面，最终元素与新画布的相对位置关系与原元素与原画布的相对位置关系相同，即在视觉上，最终元素与原元素相对于画布的位置关系一致。

综上，本申请得到的最终元素达到了与原元素相同的视觉效果。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本申请实施例公开的一种图文适配方法的流程图；

图2(a)为本申请实施例公开的一种用于计算相对位置信息的对齐方式；

图2(b)为本申请实施例公开的又一种用于计算相对位置信息的对齐方式；

图2(c)为本申请实施例公开的一种计算第二元素宽度偏移的示意图；

图2(d)为本申请实施例公开的一种计算第二元素高度偏移的示意图；

图3为本申请实施例公开的一种图文适配的装置的结构示意图；

图4为本申请实施例公开的一种设备的结构示意图。

具体实施方式

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

图1为本申请实施例提供的一种图文适配方法，包括以下步骤：

S101、在接收到预设触发指令的情况下，将原画布中的原元素显示在新画布中，得到新元素。

在本实施例中，原画布中的图文由元素组成，为了描述方便，将原画布中的元素称为原元素。

在本步骤中，预设触发指令可以为监测到画布尺寸发生变化的指令。也可以是人工触发的指令，例如，接收到用户对预设按钮的点击指令等。本实施例不对预设触发指令的具体内容作限定。

在本步骤中，将原画布中的原元素显示在新画布中，其中，具体的显示过程为现有技术，这里不再赘述。为了描述方便，将显示在新画布中的元素称为新元素。

S102、确定原元素在原画布中的相对位置信息。

原元素在原画布间中的相对位置信息包括：高度偏移量和宽度偏移量。其中，高度偏移量为：在高度方向上，原元素的预设第一参考线与原画布的预设第一参考线间的距离。宽度偏移量为：在宽度方向上，原元素的预设第二参考线与原画布的预设第二参考线间的距离。

在本实施例中，元素在画布中的相对位置信息可以通过以下两种方式计算：第一种方式：通过画布的中心点和元素的中心点(即中心点对齐方式)，计算元素在画布中的相对位置信息。

第二种方式：通过画布的左上角坐标点与元素的左上角坐标点(即左上角对齐方式)，计算元素在画布中的相对位置信息。

具体的，针对第一种方式：高度偏移量为：元素的预设第一参考线与原画布的预设第一参考线间的距离，就是过元素中心点的水平线与过原画布中心点的水平线间的距离。宽度偏移量为：元素的预设第二参考线与原画布的预设第二参考线间的距离，就是过元素中心点的垂直线与过原画布中心点的垂直线间的距离，如图2(a)所示。

针对第二种方式：高度偏移量为：元素的预设第一参考线与原画布的预设第一参考线间的距离，就是元素的上边界与原画布的上边界间的距离。宽度偏移量为：元素的预设第二参考线与原画布的预设第二参考线间的距离，就是元素的左边界与原画布的左边界间的距离，如图2(b)所示。

在实际中，第一种方式与第二种方式间是等价的，并且，针对第二种方式，高度偏移量和宽度偏移量可以通过层叠样式表(Cascading Style Sheets，CSS)中position属性的absolute值确定。因此，为了方便计算，本步骤可以通过CSS中position属性的absolute值，计算原元素在原画布中的高度偏移量和宽度偏移量。

S103、以原画布的宽度与新画布的宽度间的比值，等于原元素在原画布中的宽度偏移量和新元素在新画布中的宽度偏移量间的比值，原画布的高度与新画布的高度间的比值，等于原元素在原画布中的高度偏移量和新元素在新画布中的高度偏移量间的比值为原则，确定新元素在新画布中的相对位置信息。

在本步骤中，新元素在新画布中的相对位置信息包括：新元素在新画布中的高度偏移量和宽度偏移量。

需要说明的是，如果原元素在原画布中的高度偏移量和宽度偏移量，是采用左上角对齐方式计算得到的，则在本步骤中，计算得到的新元素在新画布中的高度偏移量和宽度偏移量，也是针对左上角对齐方式下的偏移量。

在实际中，本步骤还可以采用原元素在原画布中的宽度偏移量和原画布的宽度间的比值，等于新元素在新画布中的宽度偏移量和新画布的宽度间的比值；原元素在原画布中的高度偏移量和原画布的高度间的比值，等于新元素在新画布中的高度偏移量和新画布的高度间的比值这一原则，确定新元素在新画布中的相对位置信息。

无论本步骤采用上述哪一种原则，确定新元素在新画布中的宽度偏移量和高度偏移量，都会使得新元素的宽度偏移量相对于原元素的宽度偏移量的变化，和新画布的宽度相对于原画布的宽度的变化，保持一致；新元素的高度偏移量相对于原元素的高度偏移量的变化，和新画布的高度相对于原画布的高度的变化，保持一致。即在本步骤确定的相对位置信息下的新元素与新画布间的相对位置关系，和，原元素与原画布间的相对位置关系一致。

上述S102～S103的目的是：确定新元素在新画布中的相对位置信息，在该相对位置信息下新元素与新画布间的相对位置关系，和，原元素与原画布间的相对位置关系一致。

S104、获取原元素在原画布中的高度和宽度。

由于原元素与原画布中的宽度和高度是已知的，因此，本步骤可以获取到原元素在原画布中的宽度和高度。

S105、依据元素高度比值与画布高度比值相等，以及元素宽度比值与画布宽度比值相等，计算新元素在新画布中的高度和宽度。

在本步骤中，元素高度比值为原元素的高度和新元素的高度间的比值。画布高度比值为原画布的高度和新画布的高度间的比值。元素宽度比值为原元素的宽度和新元素的宽度间的比值。画布宽度比值为原画布的宽度和新画布的宽度间的比值。

由于原画布的宽度和高度、新画布的宽度和高度，以及原元素的宽度和高度都是已知的，因此，本步骤中可以计算得到新元素的宽度和高度。并且，新元素相对于原元素在宽度上的变化，和新画布相对于原画布在宽度上的变化保持一致；新元素相对于原元素在高度上的变化，和新画布相对于原画布在高度上的变化保持一致。

上述S102～S105的目的是：确定新元素的信息。其中，信息包括：新元素在新画布中的相对位置信息，以及新元素的宽度和高度。

S106、按照新元素在新画布中的相对位置信息，以及新元素的宽度和高度，对新元素进行设置，得到第一元素。

在本步骤中，按照上述S102～S105计算得到的新元素在新画布中的相对位置信息，以及新元素的宽度和高度，对新元素进行设置，具体的设置过程为现有技术，这里不再赘述。为了描述方便，将设置后的新元素称为第一元素。

S107、判断第一元素的宽高比值是否等于原元素的宽高比值，如果是，则执行S108，如果否，则执行S109。

S108、将第一元素作为最终元素。

S109、判断第一元素的宽高比值是否大于原元素的宽高比值，如果是，则执行S110，如果否，则执行S113。

在本步骤中，如果第一元素的宽高比值大于原元素的宽高比值，则说明第一元素已经失真，为了保证元素的质量，本实施例需要对第一元素进行失真修复，即需要对第一元素在宽度上进行设置，具体失真修复过程如下S110～S112。

在本步骤中，如果第一元素的宽高比值小于原元素的宽高比值，则说明第一元素已经失真，为了保证元素的质量，本实施例需要对第一元素进行失真修复，即需要对第一元素在高度上进行设置，具体失真修复过程如下S113～S115所示。

S110、以原元素的宽高比值等于宽度被修正后的第一元素的宽高比值为原则，确定第一元素的宽度被修改正后所需达到的取值。

在本步骤中，由于原元素的宽高比值已知，第一元素的高度已知，因此，可以计算出宽度被修正后的第一元素的宽度值，为了描述方便，将计算出的宽度值，称为第一元素的宽度被修正后所需达到的取值。

S111、将第一元素的宽度值设置为第一元素的宽度值被修正后所需达到的取值，得到第二元素。

本步骤中，设置的具体实现过程为现有技术，这里不再赘述。为了描述方便，将本步骤得到的设置后的第一元素，称为第二元素。在本步骤中，第二元素的宽高比值等于原元素的宽高比值。

在本步骤中由于对第一元素的宽度值进行修正，使得修正后得到的第二元素在新画布中的宽度偏移量，相对于第一元素在新画布中的宽度偏移量产生变化。图2(c)为一种计算第二元素宽度偏移的示意图，在图2(c)中，左侧为原元素，右侧整体为第一元素，其中，右侧灰色区域为在第一元素的基础上进行宽度修正的部分，右侧白色区域为第二元素。第二元素在新画布中的宽度偏移量相对于第一元素在新画布中的宽度偏移量发生了变化。

由于第一元素与新画布间的相对位置关系和原元素相对于原画布的相对位置关系一致，因此，第二元素与新画布间的相对位置关系和原元素与原画布间的相对位置关系不一致。在本实施例中，需要调整第二元素在新画布中的相对位置信息，使得调整后的第二元素与新画布间的相对位置关系，和，原元素与原画布间的相对位置关系保持一致。

具体的，对第二元素进行位置调整的过程如下S112。

S112、按照第一元素的相对位置信息设置第二元素，得到最终元素。

在本步骤中，按照第一元素的相对位置信息设置第二元素，为了描述方便，将设置后的第二元素称为最终元素。由于最终元素在新画布中的相对位置信息，与第一元素在新画布中的相对位置信息相同，并且，第一元素与新画布间的相对位置关系，与原元素相对于原画布的相对位置关系一致，因此，最终元素与新画布间的相对位置关系，和，原元素与原画布间的相对位置关系保持一致。

还以图2(c)为例，在本步骤中，需要对第二元素的宽度偏移量的调整量(即宽度偏移)为：修正宽度部分的一半，即需要对第二元素的宽度偏移量的调整量为：从实线箭头左侧虚线到实线箭头右侧虚线的距离。

S113、以原元素的宽高比值等于高度被修正后的第一元素的宽高比值为原则，确定第一元素的高度被修改正后所需达到的高度值。

本步骤的具体实现原理可以参考S110，这里不再赘述。

S114、将第一元素的高度值设置为第一元素的高度被修正后所需达到的高度值，得到第二元素。

图2(d)为一种计算第二元素高度偏移的示意图，在图2(d)中，左侧为原元素，右侧整体为第一元素，其中，灰色区域为在第一元素的基础上进行的高度修正部分，右侧白色区域为第二元素。第二元素在新画布中的高度偏移量相对于第一元素在新画布中的高度偏移量发生了变化。

由于第一元素与新画布间的相对位置关系和原元素相对于原画布的相对位置关系一致，因此，第二元素与新画布间的相对位置关系和原元素与原画布间的相对位置关系不一致。在本实施例中，需要调整第二元素在新画布中的相对位置信息，使得调整后的第二元素与新画布间的相对位置关系，和，原元素与原画布间的相对位置关系保持一致。

具体的，对第二元素进行位置调整的过程如下S113。

S115、按照第一元素的相对位置信息设置第二元素，得到最终元素。

本步骤的具体实现原理可以参考S112，这里不再赘述。

还以图2(d)为例，在本步骤中，需要对第二元素的高度偏移量的调整量(即高度偏移)为：修正高度部分的一半，即需要对第二元素的高度偏移量的调整量为：从实线箭头上侧虚线到实线箭头下侧虚线的距离。

上述S109～S115的目的是：在第一元素的宽高比值不等于原元素的宽高比值的情况下，确定第一元素的待修正项，以及待修正项被修正后所需达到的项值，待修正项被修正后的第一元素的宽高比值等于原元素的宽高比值。将待修正项的取值设置为该项值，得到第二元素。按照第一元素的相对位置信息，设置第二元素，得到最终元素。

上述S107～S115的目的是：依据第一元素的宽高比值与原元素的宽高比值，确定第一元素在新画布中的最终元素，最终元素的宽高比值与原元素的宽高比值相同；最终元素在新画布中的相对位置信息与信息中的相对位置信息相同。

需要说明的是，在实际中，新画布中的新元素的数量有多个，针对每个新元素都按照上述S102～S115的过程进行处理，具体的，可以顺序执行也可以并行执行，即可以一次对一个新元素进行处理，然后对下一个新元素进行处理，也可以同时对全部的新元素进行并行处理，本实施例不对具体的执行方式作限定。

在本申请实施例中，图文适配方法可以运行在本地，例如，web端。与运行在服务器相比，本申请实施例提供的图文适配方法运行在本地避免了网络传输的延迟，从而，可以对图文适配达到实时的效果。

图3为本申请实施例提供的一种图文适配的装置，包括：显示模块301、第一确定模块302、第一设置模块303和第二确定模块304。

其中，显示模块301，用于在接收到预设触发指令的情况下，将原画布中的原元素显示在新画布中，得到新元素。

第一确定模块302，用于确定新元素的信息。其中，信息包括：新元素在新画布中的相对位置信息，以及新元素的高度和宽度；原元素与原画布间的相对位置关系，和，在相对位置信息下新元素与新画布间的相对位置关系一致。原元素的宽度和新元素的宽度间的比值，等于原画布的宽度和新画布的宽度间的比值；原元素的高度与新元素的高度间的比值，等于原画布的高度和新画布的高度间的比值。

第一设置模块303，用于按照信息，在新画布中设置新元素，得到第一元素。

第二确定模块304，用于依据第一元素的宽高比值与原元素的宽高比值，确定第一元素在新画布中的最终元素。其中，最终元素的宽高比值与原元素的宽高比值相同；最终元素在新画布中的相对位置信息与信息中的相对位置信息相同。

可选的，新元素在新画布中的相对位置信息包括：新元素相对于新画布的宽度偏移量和高度偏移量；任一画布中的任一元素，该元素相对于该画布的宽度偏移量为该元素的左边界与该画布的左边界间的距离；该元素相对于该画布的高度偏移量为该元素的上边界与该画布的上边界间的距离。

原元素与原画布间的相对位置关系，和，在相对位置信息下新元素与新画布间的相对位置关系一致，包括：原元素相对于原画布的宽度偏移量和新元素相对于新画布的宽度偏移量间的比值，等于原画布的宽度与新画布的宽度间的比值；原元素相对于原画布的高度偏移量和新元素相对于新画布的高度偏移量间的比值，等于原画布的高度和新画布的高度间的比值。

可选的，第二确定模块304，用于依据第一元素的宽高比值与原元素的宽高比值，确定第一元素在新画布中的最终元素，包括：

第二确定模块304，具体用于在第一元素的宽高比值等于原元素的宽高比值的情况下，第一元素为所述最终元素。

可选的，第二确定模块304，用于依据第一元素的宽高比值与原元素的宽高比值，确定第一元素在新画布中的最终元素，包括：

第二确定模块304，具体用于在第一元素的宽高比值不等于原元素的宽高比值的情况下，确定第一元素的待修正项，以及待修正项被修正后所需达到的项值；待修正项被修正后的第一元素的宽高比值等于原元素的宽高比值；将待修正项的取值设置为项值，得到第二元素；按照信息中的相对位置信息，设置第二元素，得到所述最终元素。

可选的，在第一元素的宽高比值大于原元素的宽高比值的情况下，待修正项为宽度；在第一元素的宽高比值小于原元素的宽高比值的情况下，待修正项为高度。

本发明实施例提供了一种存储介质，其上存储有程序，该程序被处理器执行时实现所述图文适配方法。

本发明实施例提供了一种处理器，所述处理器用于运行程序，其中，所述程序运行时执行所述图文适配方法。

本发明实施例提供了一种设备，如图4所示，设备包括至少一个处理器、以及与处理器连接的至少一个存储器、总线；其中，处理器、存储器通过总线完成相互间的通信；处理器用于调用存储器中的程序指令，以执行上述的图文适配方法。本文中的设备可以是服务器、PC、PAD、手机等。

本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

在一个典型的配置中，设备包括一个或多个处理器(CPU)、存储器和总线。设备还可以包括输入/输出接口、网络接口等。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)，存储器包括至少一个存储芯片。存储器是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。

本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

以上仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (8)

1.一种图文适配方法，其特征在于，包括：

在接收到预设触发指令的情况下，将原画布中的原元素显示在新画布中，得到新元素；

确定所述新元素的信息；所述信息包括：所述新元素在所述新画布中的相对位置信息，以及所述新元素的高度和宽度；所述原元素与所述原画布间的相对位置关系，和，在所述相对位置信息下所述新元素与所述新画布间的相对位置关系一致；所述原元素的宽度和所述新元素的宽度间的比值，等于所述原画布的宽度和所述新画布的宽度间的比值；所述原元素的高度与所述新元素的高度间的比值，等于所述原画布的高度和所述新画布的高度间的比值；

按照所述信息，在所述新画布中设置所述新元素，得到第一元素；

依据所述第一元素的宽高比值与所述原元素的宽高比值，确定所述第一元素在所述新画布中的最终元素；所述最终元素的宽高比值与所述原元素的宽高比值相同；所述最终元素在所述新画布中的相对位置信息与所述信息中的相对位置信息相同；

依据所述第一元素的宽高比值与所述原元素的宽高比值，确定所述第一元素在所述新画布中的最终元素，包括：

在所述第一元素的宽高比值不等于所述原元素的宽高比值的情况下，确定所述第一元素的待修正项，以及所述待修正项被修正后所需达到的项值；所述待修正项被修正后的第一元素的宽高比值等于所述原元素的宽高比值；

将所述待修正项的取值设置为所述项值，得到第二元素；

按照所述信息中的相对位置信息，设置所述第二元素，得到所述最终元素；

在所述第一元素的宽高比值大于所述原元素的宽高比值的情况下，所述待修正项为宽度；在所述第一元素的宽高比值小于所述原元素的宽高比值的情况下，所述待修正项为高度。

2.根据权利要求1所述的方法，其特征在于，所述新元素在所述新画布中的相对位置信息包括：所述新元素相对于所述新画布的宽度偏移量和高度偏移量；任一画布中的任一元素，该元素相对于该画布的宽度偏移量为该元素的左边界与该画布的左边界间的距离；该元素相对于该画布的高度偏移量为该元素的上边界与该画布的上边界间的距离；

所述原元素与所述原画布间的相对位置关系，和，在所述相对位置信息下所述新元素与所述新画布间的相对位置关系一致，包括：所述原元素相对于所述原画布的宽度偏移量和所述新元素相对于所述新画布的宽度偏移量间的比值，等于所述原画布的宽度与所述新画布的宽度间的比值；所述原元素相对于所述原画布的高度偏移量和所述新元素相对于所述新画布的高度偏移量间的比值，等于所述原画布的高度和所述新画布的高度间的比值。

3.根据权利要求1所述的方法，其特征在于，依据所述第一元素的宽高比值与所述原元素的宽高比值，确定所述第一元素在所述新画布中的最终元素，包括：

在所述第一元素的宽高比值等于所述原元素的宽高比值的情况下，所述第一元素为所述最终元素。

4.根据权利要求1～3任意一项所述的方法，其特征在于，所述方法运行在本地。

5.一种图文适配装置，其特征在于，包括：

显示模块，用于在接收到预设触发指令的情况下，将原画布中的原元素显示在新画布中，得到新元素；

第一确定模块，用于确定所述新元素的信息；所述信息包括：所述新元素在所述新画布中的相对位置信息，以及所述新元素的高度和宽度；所述原元素与所述原画布间的相对位置关系，和，在所述相对位置信息下所述新元素与所述新画布间的相对位置关系一致；所述原元素的宽度和所述新元素的宽度间的比值，等于所述原画布的宽度和所述新画布的宽度间的比值；所述原元素的高度与所述新元素的高度间的比值，等于所述原画布的高度和所述新画布的高度间的比值；

第一设置模块，用于按照所述信息，在所述新画布中设置所述新元素，得到第一元素；

第二确定模块，用于依据所述第一元素的宽高比值与所述原元素的宽高比值，确定所述第一元素在所述新画布中的最终元素；所述最终元素的宽高比值与所述原元素的宽高比值相同；所述最终元素在所述新画布中的相对位置信息与所述信息中的相对位置信息相同；

所述第二确定模块具体用于：

在所述第一元素的宽高比值不等于所述原元素的宽高比值的情况下，确定所述第一元素的待修正项，以及所述待修正项被修正后所需达到的项值；所述待修正项被修正后的第一元素的宽高比值等于所述原元素的宽高比值；

将所述待修正项的取值设置为所述项值，得到第二元素；

按照所述信息中的相对位置信息，设置所述第二元素，得到所述最终元素；

在所述第一元素的宽高比值大于所述原元素的宽高比值的情况下，所述待修正项为宽度；在所述第一元素的宽高比值小于所述原元素的宽高比值的情况下，所述待修正项为高度。

6.根据权利要求5所述的装置，其特征在于，所述第二确定模块，用于依据所述第一元素的宽高比值与所述原元素的宽高比值，确定所述第一元素在所述新画布中的最终元素；所述最终元素的宽高比值与所述原元素的宽高比值相同，包括：

所述第二确定模块，具体还用于在所述第一元素的宽高比值等于所述原元素的宽高比值的情况下，所述第一元素为所述最终元素。

7.一种存储介质，其特征在于，所述存储介质包括存储的程序，其中，所述程序执行权利要求1～4任意一项权利要求所述的图文适配方法。

8.一种图文适配设备，其特征在于，所述图文适配设备包括至少一个处理器、以及与所述处理器连接的至少一个存储器、总线；其中，所述处理器、所述存储器通过所述总线完成相互间的通信；所述处理器用于调用所述存储器中的程序指令，以执行如权利要求1-4中任一项所述的图文适配方法。

Images