图像处理方法及装置与流程

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.图1是示出根据本公开的示例性实施例的图像处理方法的流程图。
27.图2是示出根据本公开的示例性实施例的第一位置轨迹的示意图。
28.图3至图5是示出根据本公开的示例性实施例的对图2示出的第一位置轨迹进行调整的示意图。
29.图6(a)和图6(b)示出根据本公开的示例性实施例的图像处理方法的效果图。
30.图7是示出根据本公开的示例性实施例的图像处理装置的框图。
31.图8是示出根据本公开的示例性实施例的电子设备800的框图。
具体实施方式
32.为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。
33.需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用
的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
34.在此需要说明的是，在本公开中出现的“若干项之中的至少一项”均表示包含“该若干项中的任意一项”、“该若干项中的任意多项的组合”、“该若干项的全体”这三类并列的情况。例如“包括a和b之中的至少一个”即包括如下三种并列的情况：(1)包括a；(2)包括b；(3)包括a和b。又例如“执行步骤一和步骤二之中的至少一个”，即表示如下三种并列的情况：(1)执行步骤一；(2)执行步骤二；(3)执行步骤一和步骤二。
35.在图像处理的过程中，经常会对显示屏幕上的图像素材进行随意移动、变换等操作，常见的情况是在素材移动的过程中将素材移动到屏幕外导致素材丢失。一种解决方案是通过将素材的一部分强制限制在显示屏幕中以防止在移动过程中素材丢失。但在某些应用场景中，需要将素材完全移出显示屏幕外，例如，在制作素材从视频画面外飞入的效果时，采用这种方法会导致始终有部分素材处于显示屏幕中，不能完全实现素材从屏幕外飞入的效果。
36.为了解决在图像处理时素材容易丢失的问题，同时解决在某些应用场景中，素材不能完全移出显示屏幕外的问题，本公开提出一种图像处理方法及装置，具体地说，根据本公开的图像处理方法及装置，通过素材显示框的边长以及旋转角度来控制素材的显示位置的轨迹，使得素材与显示屏幕之间始终保持有交点，从而在图像处理的过程中实时定位素材的位置，避免丢失素材。
37.此外，可将素材显示框的中心点限制在显示位置的轨迹上，因此在制作使素材从显示屏幕外飞入显示屏幕内的效果时，可以在极大程度上将素材移动至显示屏幕外，从而实现更好的素材飞入屏幕的效果。下面，将参照图1至图6具体描述根据本公开的示例性实施例的图像处理方法及装置。
38.图1是示出根据本公开的示例性实施例的图像处理方法的流程图。这里，图像处理可以是对视频、图片中添加的图片进行的移动、缩放以及效果展示等处理，也可以是对游戏画面中的任意选定对象进行的移动位置限制等，本公开对此不做限制。
39.参照图1，在步骤101中，获取用户选择的素材的显示框的边长以及旋转角度，其中，所述旋转角度是所述显示框相对于显示屏幕旋转的角度。
40.根据本公开的示例性实施例，用户选择的素材可以是从系统提供的素材库中选择的素材，例如不同类型的emoji贴纸、人像贴纸以及动物贴纸等；或者是从本地图库中选择的照片或者历史保存的图片等，本公开对此不做限制。在获取到用户选择的素材以后，可以给素材赋予一个显示框。在一些实施例中，该显示框可以是一个矩形框。具体来讲，任何形状的素材图片在像素级别上都是以矩形的形状存在，即使某些人眼中的非矩形形状的素材图片，实际上都是边缘是透明像素的矩形。因此，为了方便计算素材在显示屏幕上的位置，可以首先给素材赋予(例如，实时绘制)一个矩形框，该矩形框的形状与像素级别上的矩形素材相似，大小可以比素材大几个像素，以避免遮挡素材。之后，可以通过矩形框的顶点坐标计算矩形框的边长，并根据用户对素材做出的旋转操作，给出该矩形框相对于显示屏幕旋转的角度。在这里，矩形框可以相对于显示屏幕向逆时针方向或者向顺时针方向旋转，本
公开对此不做限制。另外，需要说明的是，为了本公开的示例性实施例的描述的一致性，本公开将显示框相对于显示屏幕向逆时针方向旋转的角度作为显示框的旋转角度。
41.在步骤102中，根据所述边长以及所述旋转角度，确定所述显示框在所述显示屏幕外的位置轨迹，其中，所述位置轨迹是当所述显示框在所述显示屏幕外部与所述显示屏幕具有唯一交点时所述显示框的中心点所在的位置形成的轨迹。
42.根据本公开的示例性实施例，可以首先根据显示框的第一边长、第二边长和显示框相对于显示屏幕的旋转角度，计算该位置轨迹与显示屏幕之间的第一距离和第二距离，基于第一距离、第二距离以及显示屏幕的位置，确定第一位置轨迹。在这里，第一边长是显示框相对于显示屏幕的旋转角度为零时显示框在水平方向上的边长，第二边长是显示框中与第一边长垂直的边长，第一距离为位置轨迹与显示屏幕之间在水平方向上的距离，第二距离为位置轨迹与显示屏幕之间在竖直方向上的距离。例如，但不限于，第一距离和第二距离可以分别被表示为：
43.maxx＝(a*cosθ b*sinθ)/2
44.maxy＝(a*sinθ b*cosθ)/2
45.其中，maxx表示第一距离；maxy表示第二距离；a表示第一边长，b表示第二边长，θ表示所述旋转角度。
46.计算出第一距离以及第二距离以后，可以得到以显示屏幕在水平方向上的边长(即，宽)加上两倍的第一距离作为宽度、以显示屏幕在竖直方向上的边长(即，高)加上两倍的第二距离作为高度的第一位置轨迹，在一些实施例中，第一位置轨迹可以是与显示屏幕相似的矩形。在该步骤中，第一位置轨迹并不能使素材在显示屏幕外显示时完全不丢失其位置，因此还需要通过对第一位置轨迹的预定片段进行调整，确定位置轨迹。
47.根据本公开的示例性实施例，预定片段包括从第一位置轨迹的每个顶点出发的边上的第一片段和第二片段，其中，第一片段是第一位置轨迹中与显示屏幕在竖直方向上的边(即，高)平行的边上的片段，第二片段是第一位置轨迹中与显示屏幕在水平方向上的边(即，宽)平行的边上的片段。具体来说，当第一位置轨迹是与显示屏幕相似的矩形时，在第一位置轨迹的四个角附近的区域可能出现丢失素材位置的情况，因此可以对从第一位置轨迹的四个角出发的边上的预定片段上的位置点做调整。例如，但不限于，在第一位置轨迹的第一对角线的第一端上的第一片段和第二片段可分别被表示为：
48.h1＝asinθ
49.h2＝acosθ
50.在第一位置轨迹的第一对角线的第二端上的第一片段和第二片段可分别被表示为：
51.h1＝acosθ
52.h2＝asinθ
53.在第一位置轨迹的第二对角线上的第一端上的第一片段和第二片段可分别被表示为：
54.h1＝bcosθ
55.h2＝bsinθ
56.在第一位置轨迹的第二对角线上的第二端上的第一片段和第二片段可分别被表
示为：
57.h1＝bsinθ
58.h2＝bcosθ
59.其中，h1表示第一片段；h2表示第二片段；a表示所述第一边长；b表示所述第二边长，θ表示显示框相对于显示屏幕的旋转角度。
60.根据本公开的示例性实施例，可以将预定片段调整为第三片段，来确定位置轨迹。在这里，当显示框的中心点所在的位置在第三片段上时，显示框与显示屏幕的第一顶点具有唯一交点，而第一顶点是显示屏幕的与预定片段距离最近的顶点。根据本公开的示例性实施例，当第一位置轨迹的位置点处于预定片段上时，首先根据显示屏幕的边长以及显示屏幕相对于显示框的旋转角，确定显示屏幕的预调整位置，在这里，预调整位置是当显示屏幕与显示框具有唯一交点时显示屏幕的中心点所在的位置；然后，获取显示屏幕的预调整位置与显示屏幕的中心点之间的预调整距离，在这里，该预调整距离是显示屏幕的中心点距离预调整位置轨迹的最近距离。基于该预调整距离，可以将预定片段调整为第三片段，第一位置轨迹中除预定片段以外的部分以及第三片段共同构成位置轨迹。
61.根据本公开的示例性实施例，可以将预定片段上的每个位置点向显示屏幕沿预调整位置与显示屏幕的中心点位置的连线方向移动该预调整距离，得到第三片段，进而确定出位置轨迹。
62.在步骤103中，根据所述位置轨迹，确定所述素材的显示位置，其中，所述显示位置位于所述显示屏幕之外。
63.根据本公开的示例性实施例，可以将素材的显示框的中心点位置确定为在位置轨迹上。具体来说，位置轨迹限定了素材在显示屏幕外的最远显示位置，当素材的中心点超过该位置轨迹，素材的显示框将完全与显示屏幕分离，导致丢失素材的位置。因此，为了使素材能显示在显示屏幕外尽量远的位置的同时不丢失素材的位置，可以将素材的显示框的中心点位置确定在该显示轨迹上。在一些实施例中，还可以将素材的显示框的中心点位置确定在该位置轨迹与显示屏幕的边之间的预定范围内，例如，可以将位置轨迹向显示屏幕的方向移动几个像素，将素材的显示框的中心点位置限制在位置轨迹与移动几个像素之后的轨迹之间，以在保持素材显示在显示屏幕外的同时使显示框的位置在与用户交互的界面上得到更多展示，方便用户操作。
64.在步骤104中，在所述显示位置处显示所述素材。经过步骤101～步骤103，可以得到素材在显示屏幕外的适合的显示位置，当素材在该显示位置显示时，可以在使整个素材区域都显示在显示屏幕外的同时在显示屏幕内保留显示框的部分区域，从而不至于丢失素材的位置，进而可以实现素材完全从显示屏幕外飞入的效果。
65.为了使本公开的方案得到清晰的描述，下面结合图2～图5来具体描述根据本公开的示例性实施例的图像处理方法。
66.图2是示出根据本公开的示例性实施例的第一位置轨迹的示意图。
67.参考图2，2100是用户选择的素材的显示框，2200是显示屏幕，2300是第一位置轨迹，θ是显示框2100相对于显示屏幕2200向逆时针方向旋转的角度，2110为显示框2100的第一边长，2120为显示框2100的第二边长，2410为第一位置轨迹2300与显示屏幕2200之间的第一距离，2420为第一位置轨迹2300与显示屏幕2200之间的第二距离。
68.当显示框2100移出显示屏幕2200以外时，为了避免素材丢失，显示框2100应当与显示屏幕2200有至少一个交点。当显示框2100与显示屏幕2200之间具有唯一的交点时，即为素材在显示屏幕外能移动的最远距离，可以根据步骤102中的第一距离和第二距离的计算公式计算出显示框2100在显示屏幕2200的外部与显示屏幕2200具有唯一交点时显示框2100的中心点在水平方向上与显示屏幕之间的第一距离2410和在竖直方向上与显示屏幕之间的第二距离2420，计算出的中心点位置形成的轨迹即为第一位置轨迹2300。
69.图3～图5是示出根据本公开的示例性实施例的对图2示出的第一位置轨迹进行调整的示意图。
70.图2中示出的第一位置轨迹上的部分片段并不能使显示框与显示屏幕具有交点，因此需要对这些片段的位置点进行调整。
71.在图3中，3100是第一位置轨迹2200的第一对角线，3110是第一对角线3100的第一端，3120是第一对角线3100的第二端，3200是第一位置轨迹2200的第二对角线，3210是第二对角线3200的第一端，3220是第二对角线3200的第二端，片段3311、3321、3331和3341是第一位置轨迹上不能使显示框2100与显示屏幕2300相交的第一片段，片段3312、3322、3332和3342是第一位置轨迹上不能使显示框2100与显示屏幕2300相交的第二片段，其中，片段3311和片段3312对应第一对角线3100的第一端3110，片段3321和3322对应第二对角线3200的第一端3210，片段3331和3332对应第一对角线3100的第二端3120，片段3341和3342对应第二对角线3200的第二端3220。每个片段的长度可根据步骤102中的第一片段和第二片段的计算公式算出。
72.当显示框2100的中心点处于图3所示的第一片段和第二片段时，可以如图4所示将显示框2100作为参考，按照步骤101～步骤102的实施过程计算出假设显示屏幕2300与显示框2100具有唯一交点时，显示屏幕2300的中心点相对于显示框2100的位置轨迹4000，从而可以得到欲实现显示屏幕2300与显示框2100具有唯一交点的条件，显示屏幕2300的中心点的预调整距离4100，在这里，预调整距离4100是显示屏幕2300的中心点距离位置轨迹4000的最近距离。在实际的操作过程中，由于显示屏幕的位置无法调整，因此可以将图3中处于片段3311、3322、3331、3332、3321、3322、3341和3342上的位置点向显示屏幕2300沿着预调整位置与显示屏幕2300的中心点的连线方向移动一个预调整距离4100。
73.经过图4示出的调整过程以后，可以获得如图5虚线所示的位置轨迹5000，在图5中，5110、5120、5130以及5140是第三片段。并且，在图5中还示出了图3中片段3311、3322、3331、3332、3321、3322、3341和3342上的位置点向显示屏幕2300移动的方向。将显示框2100的中心点位置限制在位置轨迹5000上时，可以使显示框2100在处于显示屏幕2300外时，始终与显示屏幕2300具有交点，避免发生丢失素材的情况，另外，由于此时素材完全处于显示屏幕2300外，在制作素材从显示屏幕2300外飞入的效果时可以得到更好的展示效果。
74.图6(a)和图6(b)示出根据本公开的示例性实施例的图像处理方法的效果图。
75.参考图6(a)，用户在手机视频界面中添加一张贴纸，并欲制作使该贴纸从显示屏外飞入的效果，根据本公开输出的图像处理方法，可以如图6(b)所示，将该贴纸完全移出显示界面外，并且保留贴纸的矩形框的极小部分，以定位贴纸在显示界面外的位置。
76.图7是示出根据本公开的示例性实施例的图像处理装置的框图。
77.参照图7，根据本公开的示例性实施例的图像处理装置700可包括显示框信息获取
单元701、位置轨迹获取单元702、显示位置确定单元703和素材显示单元704。
78.显示框信息获取单元701可获取用户选择的素材的显示框的边长以及旋转角度，其中，该旋转角度是显示框相对于显示屏幕旋转的角度。
79.位置轨迹获取单元702可根据显示框的边长以及旋转角度，确定显示框在显示屏幕外的位置轨迹，其中，该位置轨迹是当显示框在显示屏幕外部与显示屏幕具有唯一交点时显示框的中心点所在的位置形成的轨迹。
80.根据本公开的示例性实施例，位置轨迹获取单元702可根据显示框的第一边长、第二边长和相对于显示屏幕的旋转角度，计算位置轨迹与显示屏幕之间的第一距离和第二距离，并基于第一距离和第二距离以及显示屏幕的位置，确定第一位置轨迹，之后，通过对第一位置轨迹的预定片段进行调整，来确定位置轨迹。在这里，第一边长为显示框相对于显示屏幕的旋转角度为零时显示框在水平方向上的边长，第二边长为显示框中与第一边长垂直的边长，第一距离为位置轨迹与显示屏幕之间在水平方向上的距离，第二距离为位置轨迹与显示屏幕之间在竖直方向上的距离。例如，但不限于，第一距离和第二距离可分别被表示为：
81.maxx＝(a*cosθ b*sinθ)/2
82.maxy＝(a*sinθ b*cosθ)/2
83.其中，maxx表示第一距离；maxy表示第二距离；a表示第一边长，b表示第二边长，θ表示所述旋转角度。
84.根据本公开的示例性实施例，预定片段包括从第一位置轨迹的每个顶点出发的边上的第一片段和第二片段。在这里，第一片段是第一位置轨迹中与显示屏幕在竖直方向上的边平行的边上的片段，第二片段是第一位置轨迹中与显示屏幕在水平方向上的边平行的边上的片段。例如，但不限于，在第一位置轨迹的第一对角线的第一端上的第一片段和第二片段可分别被表示为：
85.h1＝asinθ
86.h2＝acosθ
87.在第一位置轨迹的第一对角线的第二端上的第一片段和第二片段分别被表示为：
88.h1＝acosθ
89.h2＝asinθ
90.在第一位置轨迹的第二对角线上的第一端上的第一片段和第二片段分别被表示为：
91.h1＝bcosθ
92.h2＝bsinθ
93.在第一位置轨迹的第二对角线上的第二端上的第一片段和第二片段分别被表示为：
94.h1＝bsinθ
95.h2＝bcosθ
96.其中，h1表示第一片段；h2表示第二片段；a表示显示框的第一边长；b表示显示框的第二边长，θ表示显示框相对于显示屏幕的旋转角度。
97.根据本公开的示例性实施例，位置轨迹获取单元702可将预定片段调整为第三片
段，来确定位置轨迹。在这里，当显示框的中心点所在的位置在第三片段上时，显示框与显示屏幕的第一顶点具有唯一交点，而第一顶点是显示屏幕的与预定片段距离最近的顶点。
98.根据本公开的示例性实施例，位置轨迹获取单元702可在当第一位置轨迹的位置点处于预定片段上时，首先根据显示屏幕的边长以及显示屏幕相对于显示框的旋转角，确定显示屏幕的预调整位置，在这里，预调整位置是当显示屏幕与显示框具有唯一交点时显示屏幕的中心点所在的位置；然后，获取显示屏幕的预调整位置与显示屏幕的中心点之间的预调整距离，在这里，该预调整距离是显示屏幕的中心点距离预调整位置轨迹的最近距离。基于该预调整距离，可以将预定片段调整为第三片段。
99.根据本公开的示例性实施例，位置轨迹获取单元702可将预定片段上的每个位置点向显示屏幕沿预调整位置与显示屏幕的中心点位置的连线方向移动该预调整距离，得到第三片段，第一位置轨迹中除预定片段以外的部分以及第三片段共同构成位置轨迹。
100.显示位置确定单元703可根据位置轨迹，确定素材的显示位置，其中，该显示位置位于显示屏幕之外。
101.根据本公开的示例性实施例，显示位置确定单元703可将素材的显示框的中心点位置确定为在位置轨迹获取单元702确定出的位置轨迹上。
102.素材显示单元704可在显示单元703确定出的显示位置处显示素材。
103.图8是根据本公开的示例性实施例的电子设备800的框图。
104.参照图7，电子设备800包括至少一个存储器801和至少一个处理器802，所述至少一个存储器801中存储有计算机可执行指令集合，当计算机可执行指令集合被至少一个处理器802执行时，执行根据本公开的示例性实施例的图像处理方法。
105.作为示例，电子设备800可以是pc计算机、平板装置、个人数字助理、智能手机、或其他能够执行上述指令集合的装置。这里，电子设备800并非必须是单个的电子设备，还可以是任何能够单独或联合执行上述指令(或指令集)的装置或电路的集合体。电子设备800还可以是集成控制系统或系统管理器的一部分，或者可被配置为与本地或远程(例如，经由无线传输)以接口互联的便携式电子设备。
106.在电子设备800中，处理器802可包括中央处理器(cpu)、图形处理器(gpu)、可编程逻辑装置、专用处理器系统、微控制器或微处理器。作为示例而非限制，处理器还可包括模拟处理器、数字处理器、微处理器、多核处理器、处理器阵列、网络处理器等。
107.处理器802可运行存储在存储器801中的指令或代码，其中，存储器801还可以存储数据。指令和数据还可经由网络接口装置而通过网络被发送和接收，其中，网络接口装置可采用任何已知的传输协议。
108.存储器801可与处理器802集成为一体，例如，将ram或闪存布置在集成电路微处理器等之内。此外，存储器801可包括独立的装置，诸如，外部盘驱动、存储阵列或任何数据库系统可使用的其他存储装置。存储器801和处理器802可在操作上进行耦合，或者可例如通过i/o端口、网络连接等互相通信，使得处理器802能够读取存储在存储器中的文件。
109.此外，电子设备800还可包括视频显示器(诸如，液晶显示器)和用户交互接口(诸如，键盘、鼠标、触摸输入装置等)。电子设备800的所有组件可经由总线和/或网络而彼此连接。
110.根据本公开的示例性实施例，还可提供一种存储指令的计算机可读存储介质，其
中，当指令被至少一个处理器运行时，促使至少一个处理器执行根据本公开的图像处理方法。这里的计算机可读存储介质的示例包括：只读存储器(rom)、随机存取可编程只读存储器(prom)、电可擦除可编程只读存储器(eeprom)、随机存取存储器(ram)、动态随机存取存储器(dram)、静态随机存取存储器(sram)、闪存、非易失性存储器、cd
‑
rom、cd
‑
r、cd r、cd
‑
rw、cd rw、dvd
‑
rom、dvd
‑
r、dvd r、dvd
‑
rw、dvd rw、dvd
‑
ram、bd
‑
rom、bd
‑
r、bd
‑
r lth、bd
‑
re、蓝光或光盘存储器、硬盘驱动器(hdd)、固态硬盘(ssd)、卡式存储器(诸如，多媒体卡、安全数字(sd)卡或极速数字(xd)卡)、磁带、软盘、磁光数据存储装置、光学数据存储装置、硬盘、固态盘以及任何其他装置，所述任何其他装置被配置为以非暂时性方式存储计算机程序以及任何相关联的数据、数据文件和数据结构并将所述计算机程序以及任何相关联的数据、数据文件和数据结构提供给处理器或计算机使得处理器或计算机能执行所述计算机程序。上述计算机可读存储介质中的计算机程序可在诸如客户端、主机、代理装置、服务器等计算机设备中部署的环境中运行，此外，在一个示例中，计算机程序以及任何相关联的数据、数据文件和数据结构分布在联网的计算机系统上，使得计算机程序以及任何相关联的数据、数据文件和数据结构通过一个或多个处理器或计算机以分布式方式存储、访问和执行。
111.根据本公开的示例性实施例，还可提供一种计算机程序产品，该计算机程序产品中的指令可由计算机设备的处理器执行以完成根据本公开的示例性实施例的图像处理方法。
112.根据本公开的图像处理方法及装置，通过素材显示框的边长以及旋转角度来控制素材的显示位置的轨迹，使得素材与显示屏幕之间始终保持有交点，从而在图像处理的过程中实时定位素材的位置，避免丢失素材。
113.此外，可将素材显示框的中心点限制在显示位置的轨迹上，因此在制作使素材从显示屏幕外飞入显示屏幕内的效果时，可以在极大程度上将素材移动至显示屏幕外，从而实现更好的素材飞入屏幕的效果。
114.本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。
115.应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。