元素插入方法、装置、电子设备及计算机可读存储介质与流程

本发明涉及计算机技术领域，尤其涉及一种元素插入方法、装置、电子设备及计算机可读存储介质。

背景技术

运用于智能显示设备的电子白板、电子制图及绘画标注等软件大多具有漫游功能，通过设置漫游层页面和显示层，漫游层作为承载元素的容器，而显示层设于漫游层上以对当前覆盖的漫游层区域内元素进行显示，用户能通过鼠标或手势触控操作实现对漫游页面内容的平移和缩放，以获得更多的书写区域。

发明人实施现有漫游功能后发现下述问题：用户使用漫游功能时即此时页面存在移动和缩放，此时新插入的元素就会按照移动和缩放后的页面进行插入显示，可能会造成新插入的元素以不合适的位置和尺寸显示，如图1、图2和图3所示，图1为默认无漫游状态下元素插入情况示意图，图2为实施现有技术漫游状态下元素插入示意图，而图3为理想的漫游状态下元素插入示意图，由图2可见此时新插入的元素没有以合适的位置和尺寸向用户显示，可能会让新插入的元素未在显示层上显示、显示不完整或者显示不清楚，对用户的显示状态不友好，影响用户的观看体验和对元素的进一步操作。

技术实现要素：

本发明实施例提供一种元素插入方法、装置、电子设备及计算机可读存储介质，以解决现有技术中智能显示设备的漫游层处于漫游状态时，无法针对新插入的元素在漫游层以合适的位置和尺寸进行插入的技术问题。

第一方面，本发明实施例提供了一种元素插入方法，包括：

响应于目标元素的插入指令，确定目标元素在显示层中的显示位置；

获取所述显示层与漫游层的相对位置关系；

根据所述相对位置关系，计算所述显示位置对应在所述漫游层中的插入位置；

根据所述插入位置在所述漫游层中插入所述目标元素。

进一步的，所述确定目标元素在显示层中的显示位置包括：

获取所述目标元素的原始尺寸，并根据所述目标元素的原始尺寸确定对应的所述显示位置的尺寸；

将所述显示位置的第一预设点确定于所述显示层上的第二预设点所在的位置。

进一步的，所述确定目标元素在显示层中的显示位置包括：

获取预置的在所述显示层中的固定显示位置，并将所述固定显示位置作为所述目标元素在所述显示层中的显示位置。

进一步的，所述根据所述目标元素的原始尺寸确定对应的所述显示位置的尺寸包括：

根据所述目标元素的原始尺寸，确定包含所述目标元素的最小矩形；

以所述最小矩形的尺寸确定为所述显示位置的尺寸；

则所述第一预设点为所述显示位置的中心点、左上角顶点、左下角顶点、右上角顶点或右下角顶点。

进一步的，已预先建立显示层坐标系和漫游层坐标系，且初始显示层单位长度向量值与初始漫游层单位长度向量值相同，所述漫游层坐标系跟随所述漫游层的缩放和平移对应调整；则所述获取所述显示层与漫游层的相对位置关系包括：

以所述显示层坐标系为参考坐标系，获取所述漫游层坐标系的当前坐标原点在所述显示层坐标系下的坐标位置；

获取所述漫游层坐标系的初始漫游层单位长度向量值和当前漫游层单位长度向量值；

通过计算初始漫游层单位长度向量值与当前漫游层单位长度向量值的比值，得到所述漫游层的缩放比。

进一步的，所述根据所述相对位置关系，计算所述显示位置对应在所述漫游层中的插入位置，包括：

选取所述显示位置上的一点为第三预设点，并获取所述第三预设点在所述显示层坐标系下的第一坐标位置；

根据所述相对位置关系，计算所述第三预设点的第一坐标位置在所述漫游层坐标系下的第二坐标位置；

获取所述显示位置在所述显示层坐标系下的尺寸；

根据所述漫游层的缩放比，计算所述显示位置在所述显示层坐标系下的尺寸对应在所述漫游层坐标系下的尺寸；

根据所述漫游层坐标系下的第二坐标位置、所述显示位置在所述显示层坐标系下的尺寸对应在所述漫游层坐标系下的尺寸确定所述插入位置。

进一步的，所述响应于目标元素的插入指令，确定目标元素在显示层中的显示位置包括：

获取包含所述目标元素的最小矩形；

获取所述最小矩形的原始宽度和原始高度；

取所述最小矩形中的中心点或一顶点作为所述显示位置的第四预设点，并确定所述第四预设点在所述显示层坐标系下的预设坐标位置；

根据所述预设坐标位置、所述最小矩形的原始宽度和原始高度确定所述显示位置；

则，所述根据所述相对位置关系，计算所述显示位置对应在所述漫游层中的插入位置包括：

根据所述漫游层坐标系的当前坐标原点在所述显示层坐标系下的坐标位置和所述漫游层的缩放比，计算所述预设坐标位置在漫游层坐标系下的插入坐标位置；

根据所述最小矩形的原始宽度、原始高度以及所述漫游层的缩放比，计算所述最小矩形在漫游层坐标系下的显示宽度和显示高度；

根据所述插入坐标位置、显示宽度和显示高度确定所述插入位置。

第二方面，本发明实施例还提供了一种元素插入装置，包括：

显示位置确定模块，用于响应于目标元素的插入指令，确定目标元素在显示层中的显示位置；

相对位置确定模块，用于获取所述显示层与漫游层的相对位置关系；

插入位置确认模块，用于根据所述相对位置关系，计算所述显示位置对应在所述漫游层中的插入位置；

显示模块，用于根据所述插入位置在所述漫游层中插入所述目标元素。

第三方面，本发明实施例还提供了一种电子设备，包括处理器、存储器以及存储在所述存储器中且被配置为由所述处理器执行的计算机程序，所述处理器执行所述计算机程序时实现如第一方面所述的元素插入方法。

第四方面，本发明实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质包括存储的计算机程序，其中，在所述计算机程序运行时控制所述计算机可读存储介质所在设备执行如第一方面所述的元素插入方法。

上述提供的一种元素插入方法、装置、电子设备及计算机可读存储介质，能够将目标元素在显示层的理想显示位置转换成在漫游层的插入位置，使得目标元素按照漫游层的插入位置插入后，用户可以在显示层的理想显示位置看到目标元素，实现目标元素以适合的位置和尺寸向用户显示，便于用户对目标元素进行操作并满足用户的观看体验。

附图说明

图1是默认无漫游状态下元素插入情况示意图；

图2是实施现有技术漫游状态下元素插入示意图；

图3是理想的漫游状态下元素插入示意图；

图4是本发明实施例提供的显示层与漫游层结构参考示意图；

图5是用户角度观看到的显示界面示意图；

图6是本发明实施例一提供的一种元素插入方法的流程图；

图7是图6所示实施例中确定目标元素在显示层中的显示位置的步骤的一个实施例的流程图；

图8是图7所示实施例中根据所述目标元素的原始尺寸确定对应的所述显示位置的尺寸的步骤的一个实施例的流程图；

图9是图6所示实施例中获取所述显示层与漫游层的相对位置关系的步骤的一个实施例的流程图；

图10是图6所示实施例中的步骤s130的一个实施例的流程图；

图11是本发明实施例二提供的一种元素插入方法的流程图；

图12是响应于目标元素的插入指令，漫游层与显示层的坐标系示意图；

图13是显示层上显示位置示意图；

图14是漫游层上插入位置示意图；

图15是目标元素显示效果图；

图16是本发明实施例三提供的元素插入装置的示意图。

具体实施方式

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

实施例一

本实施例提供的元素插入方法可以由元素显示设备执行，该元素显示设备可以通过软件和/或硬件的方式实现，该元素显示设备可以由一个或两个或多个物理实体构成。该元素显示设备可以是电脑、手机、投影仪或电子白板等。在实施例中，以电子白板为元素显示设备为例进行描述。其中，电子白板可以是通过鼠标和/或触控技术对显示在显示平板上的内容进行操控和实现人机交互操作的一体化设备，电子白板的显示屏可以是电容屏、电磁屏或红外屏等。

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

进一步的，电子白板与至少一个外部装置发生数据交互时，向电子白板发送插入数据以使电子白板对目标元素进行显示的外部装置作为显示客户端，一般而言，显示客户端可以有一个或者多个，视具体的应用场景来设置，实施例不做限定。

请参阅图4，图4为本发明电子白板的显示层与漫游层结构示意图。为了便于理解，图4将显示层2和漫游层1分隔排布，实际应用中，显示层1与漫游层2紧密接触。

电子白板一般包含了用于书写和显示的白板主体、用于感应操作的感应组件、用于将画面投影到白板主体的投影组件以及控制感应组件和投影组件协调工作的控制组件。本发明的电子白板在显示屏中设置了两层，其中一层为漫游层1，用于承载电子白板所有元素的元素容器，用户可以通过鼠标和/或手势触控操作对漫游层1上的元素进行平移和/或缩放操作，具体的，用户可以对页面全部内容进行操作，也可以选择需操作元素进行操作；另外一层是显示层2，显示层2是用于向用户显示位于软件窗口内的内容。需要说明的是，漫游层1是无限大的区域，可以对漫游层页面的元素无限漫游，且目标元素3最初是在漫游层1进行布局的；而显示层2只显示漫游层1里位于软件窗口内的内容，对于漫游层1里位于软件窗口之外的内容不显示，目标元素3的显示情况请参阅图5，图5是用户角度观看到的显示界面示意图。

请参阅图6，图6是本发明实施例一提供的一种元素插入方法的流程图，具体的，本实施例提供的元素插入方法，包括：

s110、响应于目标元素的插入指令，确定目标元素在显示层中的显示位置。

其中，目标元素是指需要在智能显示设备显示的内容，其可以是图片、视频、文档、网络页面、文本等，目标元素的数据格式也可以根据实际情况而定，例如，目标元素是图片时可以是bmp格式、gif格式、jpeg格式、tiff格式、psd格式、png格式、svg格式等；目标元素是视频时可以avi格式、mov格式、asf格式、wmv格式、navi格式等；目标元素是文档时可以是word文档、pdf文档、ppt文档等；目标元素是网络页面时可以是静态网页、动态网页；进一步的，插入指令是指用于指示智能显示设备显示目标元素。显示位置是指目标元素在显示层中友好显示时，目标元素覆盖在显示层的区域。

可选的，显示位置可以是根据不同目标元素而变动的区域，也可以是根据用户的喜好固定设置的某固定显示位置。例如，显示位置可以设置在显示层的居中位置，显示位置的大小可以根据目标元素原始大小进行设置，以保持目标元素显示时的大小与原始大小相同；又如，显示位置可以固定设置在显示层的左上角区域，大小也可以进行固定，确定目标元素的显示位置时，在目标元素能最大限度利用固定显示位置且保证完全显示目标元素的情况下根据固定显示位置的大小按比例调整目标元素，使目标元素按照固定显示位置的大小、固定设置的区域显示出来。

s120、获取所述显示层与漫游层的相对位置关系。

具体的，显示层与漫游层都有预先设置的位置，当电子白板开启时显示层和漫游层都按照预先设置的位置进行定位。而漫游层可以进行平移和/或缩放操作，其当前的位置可能与预先设置的位置不同，显示层与漫游层的相对位置关系是指当前漫游层的位置与显示层的位置相对关系。

可选的，相对位置关系可以是当前的漫游层相对于显示层的平移关系、缩放关系。

s130、根据所述相对位置关系，计算所述显示位置对应在所述漫游层中的插入位置。

需要说明的是，插入位置是指目标元素在漫游层布局时，目标元素在漫游层位置下覆盖的区域。由于目标元素最初是在漫游层进行布局，且显示位置是根据显示层的位置确定的对用户友好显示的区域，为达到目标元素在漫游层进行布局后，目标元素的显示效果与用户希望目标元素在显示位置显示的效果一致，需要将目标元素在显示层位置下的显示位置的参数转换成在漫游层位置下的插入位置的参数，由此目标元素才能通过在漫游层位置下的插入位置的参数插入到插入位置中，实现目标元素在漫游层的布局，且此时目标元素的显示效果与用户预期的相同。所述显示位置对应在所述漫游层中的插入位置的计算执行过程由软件和/硬件完成，执行装置可以是电子白板，也可以是与电子白板进行数据交互的外部装置。

s140、根据所述插入位置在所述漫游层中插入所述目标元素。

具体的，目标元素最初是在漫游层进行布局的，插入位置的相关参数是针对漫游层确定的，则根据插入位置可以在漫游层中插入目标元素，且用户可以在显示层的理想显示位置看到目标元素，实现目标元素以适合的位置和尺寸向用户显示，便于用户对目标元素进行操作并满足用户的观看体验。

请参阅图7，图7是图6所示实施例中确定目标元素在显示层中的显示位置的步骤的一个实施例的流程图，优选地，所述确定目标元素在显示层中的显示位置包括：

s111、获取所述目标元素的原始尺寸，并根据所述目标元素的原始尺寸确定对应的所述显示位置的尺寸；

具体的，原始尺寸是指目标元素的在电子白板默认无漫游状态下显示出来目标元素的大小，显示位置的尺寸是根据不同目标元素而改变，且根据目标元素的原始大小确定显示位置的大小。如此设置，可以使目标元素后以原始大小显示出来。

s112、将所述显示位置的第一预设点确定于所述显示层上的第二预设点所在的位置。

具体的，第一预设点是指构成显示位置的某一点；第二预设点是指在显示层上的点，用于确定第一预设点在显示层上的位置。如此设置，可以将目标元素在显示层的显示位置确定下来。

可选的，第一预设点可以是构成显示位置的任意一点；第二预设点可以是固定的点，也可以是根据不同目标元素而改变的点。

例如，第二预设点是固定的，是电子白板显示层上的左上角顶点，某个目标元素默认情况下显示的是一个宽20cm、高15cm的矩形图片，那么20cm与15cm就为目标元素相应边长的原始尺寸，且显示位置的尺寸就是宽20cm、高15cm的矩形尺寸。第一预设点是该矩形图片的左上角顶点，即是该矩形图片的左上角顶点会对应在电子白板显示层上的左上角顶点上，再根据确定的显示位置的尺寸为宽20cm、高15cm的矩形尺寸，就完全把该矩形图片在显示层的显示位置确定了。

又如，第二预设点是固定的，是电子白板显示层上的中心点，某个目标元素默认情况下显示的是一个宽20cm、高15cm的矩形图片，那么20cm与15cm就为目标元素相应边长的原始尺寸，且显示位置的尺寸就是宽20cm、高15cm的矩形尺寸。第一预设点是该矩形图片的左上角顶点，即是该矩形图片的左上角顶点会对应在电子白板显示层上的中心点上，再根据确定的显示位置的尺寸为宽20cm、高15cm的矩形尺寸，就完全把该矩形图片在显示层的显示位置确定了。

再如，第二预设点是根据不同目标元素而改变的点，进一步的，第二预设点是在获取目标元素的原始尺寸后确定的。某个目标元素默认情况下显示的是一个宽20cm、高15cm的矩形图片，那么20cm与15cm就为目标元素相应边长的原始尺寸，且显示位置的尺寸就是宽20cm、高15cm的矩形尺寸。为了让目标元素在显示层上保持居中位置显示，在保证目标元素的中心点与电子白板显示层的中心点重合的情况下，通过判断第一预设点与目标元素的中心点的相对位置关系，并将第一预设点与目标元素的中心点的相对位置关系作为第二预设点与显示层的中心点的相对位置关系，则根据显示层的中心点的位置、第二预设点与显示层的中心点的相对位置关系可以确定第二预设点的在显示层的位置。

优选地，所述确定目标元素在显示层中的显示位置包括：

获取预置的在所述显示层中的固定显示位置，并将所述固定显示位置作为所述目标元素在所述显示层中的显示位置。

具体的，显示位置是预先设置在显示层上的固定显示位置，可以是根据用户的喜好固定设置的某区域。确定目标元素的显示位置时，在目标元素能最大限度利用固定显示位置且保证完全显示目标元素的情况下根据固定显示位置的大小按比例调整目标元素，使目标元素按照固定显示位置的大小、固定设置的区域显示出来。

例如，显示位置是预先设置在电子白板显示层上的正中间位置、大小为宽30cm、高20cm的矩形固定显示位置，若目标元素是一个宽15cm、高4cm的矩形图片，确定该矩形图片的显示位置时，在保证该矩形图片最大限度利用该矩形固定显示位置且保证完全显示该矩形图片的情况下，将该矩形图片放大2倍后在该矩形固定显示位置显示出来，即该矩形图片的显示位置是电子白板显示层上的正中间位置，大小为宽30cm、高20cm的显示位置，具体的，该矩形图片的大小变成了宽30cm、高8cm。

请参阅图8，图8是图7所示实施例中根据所述目标元素的原始尺寸确定对应的所述显示位置的尺寸的步骤的一个实施例的流程图。优选地，所述根据所述目标元素的原始尺寸确定对应的所述显示位置的尺寸包括：

s81、根据所述目标元素的原始尺寸，确定包含所述目标元素的最小矩形；

s82、以所述最小矩形的尺寸确定为所述显示位置的尺寸；

则所述第一预设点为所述显示位置的中心点、左上角顶点、左下角顶点、右上角顶点或右下角顶点。

具体的，最小矩形是包含目标元素的最小矩形，并以最小矩形的尺寸确定显示位置的尺寸，第一预设点是构成显示位置一点，且具体为所述显示位置的中心点、左上角顶点、左下角顶点、右上角顶点或右下角顶点。如此设置，可以根据最小矩形的原始宽度、高度，确定显示位置的尺寸，将第一预设点确定于第二预设点位置上，根据最小矩形的原始尺寸和第二预设点即可确定出对应的矩形显示位置。

请参阅图9，图9是图6所示实施例中获取所述显示层与漫游层的相对位置关系的步骤的一个实施例的流程图。优选地，已预先建立显示层坐标系和漫游层坐标系，且初始显示层单位长度向量值与初始漫游层单位长度向量值相同，所述漫游层坐标系跟随所述漫游层的缩放和平移对应调整；则所述获取所述显示层与漫游层的相对位置关系包括：

s121、以所述显示层坐标系为参考坐标系，获取所述漫游层坐标系的当前坐标原点在所述显示层坐标系下的坐标位置；

s122、获取所述漫游层坐标系的初始漫游层单位长度向量值和当前漫游层单位长度向量值；

s123、通过计算初始漫游层单位长度向量值与当前漫游层单位长度向量值的比值，得到所述漫游层的缩放比。

其中，单位长度向量值是指实际单位长度在坐标系下代表的单位向量个数。例如，实际单位长度为1cm，在不同的坐标系下代表不同的向量值，若初始漫游层的坐标系中实际长度为1cm代表该坐标下的1个单位向量长度，那么单位长度1cm代表了该坐标系中的1个单位向量，即在初始漫游层的坐标系下初始漫游层单位长度向量值为1；若当前漫游层的坐标系中实际长度为0.5cm代表该坐标下的1个单位向量长度，那么单位长度1cm代表了该坐标系中的2个单位向量，即在当前漫游层的坐标系下当前漫游层单位长度向量值为2。进一步的，漫游层的缩放比为初始漫游层单位长度向量值1与当前漫游层单位长度向量值2的比值0.5。

具体的，预先建立的显示层坐标系和漫游层坐标系，初始显示层单位长度向量值与初始漫游层单位长度向量值相同，则在默认无漫游的状态下，显示位置的大小与插入位置的大小相同。可选的，还可以设置显示层坐标系的坐标原点与漫游层坐标系的初始原点重合，则此情况下，在默认无漫游的状态下，显示位置的大小与插入位置的大小相同，显示位置的位置与插入位置的位置也相同。

请参阅图10，图10是图6所示实施例中的步骤s130的一个实施例的流程图，优选地，所述根据所述相对位置关系，计算所述显示位置对应在所述漫游层中的插入位置，包括：

s141、选取所述显示位置上的一点为第三预设点，并获取所述第三预设点在所述显示层坐标系下的第一坐标位置；

s142、根据所述相对位置关系，计算所述第三预设点的第一坐标位置在所述漫游层坐标系下的第二坐标位置；

s143、获取所述显示位置在所述显示层坐标系下的尺寸；

s144、根据所述漫游层的缩放比，计算所述显示位置在所述显示层坐标系下的尺寸对应在所述漫游层坐标系下的尺寸；

s145、根据所述漫游层坐标系下的第二坐标位置、所述显示位置在所述显示层坐标系下的尺寸对应在所述漫游层坐标系下的尺寸确定所述插入位置。

其中，第三预设点是指构成显示位置的任意一点；第一坐标位置是指第三预设点在显示层坐标系下的坐标位置，第二坐标位置是指第三预设点在漫游层坐标系下的坐标位置。所述显示位置在所述显示层坐标系下的尺寸是指构成所述显示位置的各线条的实际长度在显示层坐标系下代表的单位长度向量值，所述显示位置在所述漫游层坐标系下的尺寸是指构成所述显示位置的各线条的实际长度在漫游层坐标系下代表的单位长度向量值。如此设置，可以根据第二坐标位置、插入位置在所述漫游层坐标系下的尺寸确定目标元素在漫游层的插入位置，则目标元素可以根据计算的插入位置在漫游层显示。

可选的，第一坐标位置可以是固定设置的，也可以是根据目标元素的不同而改变的。

具体实施时，电子白板接收到用户需要将目标元素在电子白板上显示出来的信息，获取到目标元素插入指令，响应于目标元素的插入指令，确定目标元素在显示层中的显示位置；获取所述显示层2与漫游层1的相对位置关系；根据所述相对位置关系，计算所述显示位置对应在所述漫游层中的插入位置；根据所述插入位置在所述漫游层中插入所述目标元素。

本实施例的技术方案能够将目标元素在显示层的理想显示位置转换成在漫游层的插入位置，使得目标元素按照漫游层的插入位置插入后，用户可以在显示层的理想显示位置看到目标元素，实现目标元素以适合的位置和尺寸向用户显示，便于用户对目标元素进行操作并满足用户的观看体验。

实施例二

请参考图11，图11是本发明实施例二提供的一种元素插入方法的流程图。优选地，本发明实施例二提供的一种元素插入方法包括：

s01、获取包含所述目标元素的最小矩形；

s02、获取所述最小矩形的原始宽度和原始高度；

s03、取所述最小矩形中的中心点或一顶点作为所述显示位置的第四预设点，并确定所述第四预设点在所述显示层坐标系下的预设坐标位置；

s04、根据所述预设坐标位置、所述最小矩形的原始宽度和原始高度确定所述显示位置；

s05、以所述显示层坐标系为参考坐标系，获取所述漫游层坐标系的当前坐标原点在所述显示层坐标系下的坐标位置；

s06、获取所述漫游层坐标系的初始漫游层单位长度向量值和当前漫游层单位长度向量值；

s07、通过计算初始漫游层单位长度向量值与当前漫游层单位长度向量值的比值，得到所述漫游层的缩放比；

s08、根据所述漫游层坐标系的当前坐标原点在所述显示层坐标系下的坐标位置和所述漫游层的缩放比，计算所述预设坐标位置在漫游层坐标系下的插入坐标位置；

s09、根据所述最小矩形的原始宽度、原始高度以及所述漫游层的缩放比，计算所述最小矩形在漫游层坐标系下的显示宽度和显示高度；

s10、根据所述插入坐标位置、显示宽度和显示高度确定所述插入位置。

其中，原始宽度w和原始高度h均指目标元素在显示层坐标下或初始漫游层坐标系下的尺寸；显示宽度w＇和显示高度h＇均指目标元素在当前漫游层层的坐标系下的尺寸。例如，对于宽度为50cm、高度为50cm的最小矩形，若在初始漫游层的坐标系下初始漫游层单位长度向量值为1，在当前漫游层的坐标系下当前漫游层单位长度向量值为2，且单位长度向量值是针对1cm计算，则漫游层的缩放比为0.5，即该最小矩形的原始宽度w为50，原始高度h为50，该最小矩形的显示宽度w＇为100，显示高度h＇为100。

优选的，预设坐标位置(x，y)可以是固定设置的，也可以是根据不同目标元素设置的。具体的，根据不同目标元素设置时，为保证目标元素插入漫游层后，是位于显示层的居中位置，且大小保持原始尺寸，则显示层坐标系的坐标原点设置在显示层的中心点，预设坐标位置(x，y)可以是显示位置的四个顶点或中心点，即预设坐标位置(x，y)可以是(-w/2，-h/2)、(-w/2，h/2)、(w/2、h/2)、(w/2、-h/2)、(0，0)中的任一点。

例如，请参阅图12至图15，图12是响应于目标元素的插入指令漫游层与显示层的坐标系示意图；图13是显示层上显示位置示意图；图14是漫游层上插入位置示意图；图15是目标元素显示效果图。显示层坐标系的坐标原点a(0，0)设置在显示层2的中心点，对应最小矩形的左上角顶点的预设坐标位置c(x，y)是(-w/2，h/2)，获取包含目标元素3的最小矩形，该最小矩形的原始宽度w为50和原始高度h为50，取所述最小矩形中的左上角顶点作为显示位置4的第四预设点，并确定第四预设点在显示层坐标系下的预设坐标位置c(-25，25)；根据所述预设坐标位置c(-25，25)、所述最小矩形的原始宽度w＝50和原始高度h＝50确定所述显示位置4；以所述显示层坐标系为参考坐标系，获取漫游层坐标系的当前坐标原点b在显示层坐标系下的坐标位置b＇(dx，dy)＝(80,80)；获取所述漫游层坐标系的初始漫游层单位长度向量值1和当前漫游层单位长度向量值2；通过计算初始漫游层单位长度向量值与当前漫游层单位长度向量值的比值，得到所述漫游层的缩放比0.5；根据所述漫游层坐标系的当前坐标原点b在所述显示层坐标系下的坐标位置b＇(dx，dy)＝(80,80)和所述漫游层的缩放比r，计算所述预设坐标位置c(-25,25)在漫游层坐标系下的插入坐标位置c＇(x＇，y＇)＝(-210，-110)，其中x＇＝(x-dx)/r，y＇＝(y-dy)/r；根据所述最小矩形的原始宽度w、原始高度h以及所述漫游层的缩放比r，计算所述最小矩形在漫游层坐标系下的显示宽度w＇和显示高度h＇，其中w＇＝w/r＝50/0.5＝100，h＇＝h/r＝50/0.5＝100；根据所述插入坐标位置c＇(-210，-110)、显示宽度w＇＝100和显示高度h＇＝100确定所述插入位置5。在本实施例中，可以保证目标元素在漫游层布局后，用户可以在显示层的居中位置观看到目标元素3以原始尺寸显示插入，插入目标元素后，显示效果如图15所示。

需要说明的是，为了便于理解，图12将显示层2和漫游层1分隔排布，实际应用中，显示层1与漫游层2紧密接触。

实施例三

请参阅图16，图16是本发明实施例三提供的元素插入装置的示意图。

本发明实施例三还提供了一种元素插入装置，包括：

显示位置确定模块11，用于响应于目标元素的插入指令，确定目标元素在显示层中的显示位置；

相对位置确定模块12，用于获取所述显示层与漫游层的相对位置关系；

插入位置确认模块13，用于根据所述相对位置关系，计算所述显示位置对应在所述漫游层中的插入位置；

显示模块14，用于根据所述插入位置在所述漫游层中插入所述目标元素。

本实施例提供的技术方案，通过显示位置确定模块响应于目标元素的插入指令，确定目标元素在显示层中的显示位置，接着通过相对位置确定模块获取所述显示层与漫游层的相对位置关系，然后根据所述相对位置关系，通过插入位置确认模块计算所述显示位置对应在所述漫游层中的插入位置，最后通过显示模块根据所述插入位置在所述漫游层中插入所述目标元素，如此设置，将目标元素在显示层的理想显示位置转换成在漫游层的插入位置，使得目标元素按照漫游层的插入位置插入后，用户可以在显示层的理想显示位置看到目标元素，实现目标元素以适合的位置和尺寸向用户显示，便于用户对目标元素进行操作并满足用户的观看体验。

需要说明的是，本发明实施例三提供的所述元素插入装置用于执行上述任一实施例所述的元素插入方法的步骤，两者的工作原理和有益效果一一对应，因而不再赘述。

本领域技术人员可以理解，所述元素插入装置的示意图仅仅是元素插入装置的示例，并不构成对元素插入装置的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件，例如所述元素插入装置还可以包括输入输出设备、网络接入设备、总线等。

实施例四

本发明实施例四还提供了一种电子设备，包括处理器、存储器以及存储在所述存储器中且被配置为由所述处理器执行的计算机程序，所述处理器执行所述计算机程序时实现上述任一实施例提供的元素插入方法。

具体的，该电子设备中的处理器、存储器均可以是一个或者多个，电子设备可以是电脑、手机、平板、投影仪、或者电子白板等。

本实施例的电子设备包括：处理器、存储器以及存储在所述存储器中并可在所述处理器上运行的计算机程序。所述处理器执行所述计算机程序时实现上述任一实施例提供的元素插入方法中的步骤，例如图6所示的步骤s110、响应于目标元素的插入指令，确定目标元素在显示层中的显示位置。或者，所述处理器执行所述计算机程序时实现上述各装置实施例中各模块的功能，例如实现显示位置确定模块11响应于目标元素的插入指令，确定目标元素在显示层中的显示位置的功能。

示例性的，所述计算机程序可以被分割成一个或多个模块/单元，所述一个或者多个模块/单元被存储在所述存储器中，并由所述处理器执行，以完成本发明。所述一个或多个模块/单元可以是能够完成特定功能的一系列计算机程序指令段，该指令段用于描述所述计算机程序在所述电子设备中的执行过程。例如，所述计算机程序可以被分割成显示位置确定模块11、相对位置确定模块12、插入位置确认模块13、显示模块14，各模块具体功能如下：

显示位置确定模块11，用于响应于目标元素的插入指令，确定目标元素在显示层中的显示位置；

相对位置确定模块12，用于获取所述显示层与漫游层的相对位置关系；

插入位置确认模块13，用于根据所述相对位置关系，计算所述显示位置对应在所述漫游层中的插入位置；

显示模块14，用于根据所述插入位置在所述漫游层中插入所述目标元素。。

所述电子设备可以是电脑、手机、平板、投影仪、或者电子白板等智能显示设备。所述电子设备可包括，但不仅限于，处理器、存储器。

所称处理器可以是中央处理单元(centralprocessingunit，cpu)，还可以是其他通用处理器、数字信号处理器(digitalsignalprocessor，dsp)、专用集成电路(applicationspecificintegratedcircuit，asic)、现成可编程门阵列(field-programmablegatearray，fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等，所述处理器是所述电子设备的控制中心，利用各种接口和线路连接整个电子设备的各个部分。

所述存储器可用于存储所述计算机程序和/或模块，所述处理器通过运行或执行存储在所述存储器内的计算机程序和/或模块，以及调用存储在存储器内的数据，实现所述电子设备的各种功能。所述存储器可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器可以包括高速随机存取存储器，还可以包括非易失性存储器，例如硬盘、内存、插接式硬盘，智能存储卡(smartmediacard,smc)，安全数字(securedigital,sd)卡，闪存卡(flashcard)、至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。

其中，所述电子设备集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明实现上述任一实施例提供的元素插入方法中的全部或部分流程，也可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一计算机可读存储介质中，该计算机程序在被处理器执行时，可实现上述任一实施例提供的元素插入方法的步骤。其中，所述计算机程序包括计算机程序代码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、u盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(rom，read-onlymemory)、随机存取存储器(ram，randomaccessmemory)、电载波信号、电信信号以及软件分发介质等。需要说明的是，所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减，例如在某些司法管辖区，根据立法和专利实践，计算机可读介质不包括电载波信号和电信信号。

实施例五

本发明实施例五还提供了一种计算机可读存储介质，所述计算机可读存储介质包括存储的计算机程序，其中，在所述计算机程序运行时控制所述计算机可读存储介质所在设备执行上述任一实施例提供的元素插入方法。

需说明的是，以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。另外，本发明提供的装置实施例附图中，模块之间的连接关系表示它们之间具有通信连接，具体可以实现为一条或多条通信总线或信号线。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

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