元素绘制方法、装置、存储介质及电子设备

技术领域

本申请涉及计算机领域，尤其涉及一种元素绘制方法、装置、存储介质及电子设备。

背景技术

现如今，智能交互平板的使用普及度越来越高，智能交互平板中安装的白板应用相较于传统的黑板和白板，不仅具备常规的书写功能，还能对白板应用的背景进行设置，更有益于课堂和会议的讲解与展开。

发明内容

本申请实施例提供了一种元素绘制方法、装置、存储介质及电子设备，可以在白板应用中显示三维背景，并将用户插入的二维元素绘制在三维背景中，使得二维元素与三维背景结合进行显示，呈现三维显示效果。本技术方法如下：

第一方面，本申请实施例提供了一种元素绘制方法，其特征在于，应用于白板应用，所述方法包括：

在所述白板应用的显示画面中显示三维背景；

在所述三维背景中确定标定位置，基于所述标定位置确定三维坐标系的标定平面，所述标定平面与所述白板应用的显示画面平行；

获取所插入的元素，基于标定平面将所述元素绘制在所述三维背景中。

第二方面，本申请实施例提供了一种元素绘制装置，其特征在于，应用于白板应用，所述装置包括：

背景显示模块，用于在所述白板应用的显示画面中显示三维背景；

平面确定模块，用于在所述三维背景中确定标定位置，基于所述标定位置确定三维坐标系的标定平面，所述标定平面与所述白板应用的显示画面平行；

元素确定模块，用于获取所插入的元素，基于标定平面将所述元素绘制在所述三维背景中。

第三方面，本申请实施例提供了一种计算机存储介质，所述计算机存储介质存储有多条指令，所述指令适于由处理器加载并执行上述的方法步骤。

第四方面，本申请实施例提供了一种电子设备，可包括：处理器和存储器；其中，所述存储器存储有计算机程序，所述计算机程序适于由所述处理器加载并执行上述的方法步骤。

本申请实施例提供的技术方案带来的有益效果至少包括：

通过将三维背景添加到白板应用的显示画面上，选定标定位置以确定标定平面，基于标定平面将插入的元素绘制到三维背景中。采用本申请，在白板应用的显示画面中显示三维背景，并实现三维背景下插入的元素与三维背景相结合进行显示，呈现三维显示效果。

附图说明

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

图1是本申请实施例提供的一种元素绘制方法的系统架构图；

图2是本申请实施例提供的一种元素绘制方法的流程示意图；

图3a是本申请实施例提供的一种添加三维背景的举例示意图；

图3b是本申请实施例提供的一种选择三维模板的举例示意图；

图3c是本申请实施例提供的一种添加三维背景的举例示意图；

图4a是本申请实施例提供的一种选定目标区域的举例示意图；

图4b是本申请实施例提供的一种选定标定位置的举例示意图；

图5是本申请实施例提供的一种确定标定平面的举例示意图；

图6a是本申请实施例提供的一种插入二维元素的举例示意图；

图6b是本申请实施例提供的一种显示画面移动的举例示意图；

图7是本申请实施例提供的一种元素绘制方法的流程示意图；

图8是本申请实施例提供的一种选定目标物体的举例示意图；

图9是本申请实施例提供的一种更换目标物体的举例示意图；

图10是本申请实施例提供的另一种选定目标物体的举例示意图；

图11是本申请实施例提供的一种标定平面调整的举例示意图；

图12是本申请实施例提供的一种用户视角位置的举例示意图；

图13是本申请实施例提供的一种视口大小调整的举例示意图；

图14是本申请实施例提供的一种确定标定平面大小的举例示意图；

图15是本申请实施例提供的一种显示二维纹理的举例示意图；

图16是本申请实施例提供的一种元素绘制装置的结构示意图；

图17是本申请实施例提供的一种平面确定模块的结构示意图；

图18是本申请实施例提供的一种位置确定单元的结构示意图；

图19是本申请实施例提供的一种元素绘制装置的结构示意图；

图20是本申请实施例提供的一种元素确定模块的结构示意图；

图21是本申请实施例提供的一种纹理显示单元的结构示意图；

图22是本申请实施例提供的一种背景显示模块的结构示意图；

图23是本申请实施例提供的一种电子设备的结构示意图。

具体实施方式

为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施方式作进一步详细描述。

下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中描述的实施方式并不代表与本申请一致的所有实施方式。相反，它们仅是如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。

在本申请的描述中，需要理解的是，术语“第一”、“第二”等仅用于描述目的，而不能理解为指示或暗示相对重要性。对于本领域的普通技术人员而言，可以根据具体情况理解上述术语在本申请中的具体含义。此外，在本申请的描述中，除非另有说明，“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。

现有技术中，在对白板应用进行背景设置时，采用的方案是设置平面背景，用户在背景上所绘制的元素只能在平面上进行管理，而在一些需要展示三维背景以及在三维背景下书写元素与背景的结合效果时，通过平面背景无法呈现三维显示效果以及无法体现三维背景下插入的元素与背景结合进行变换的效果。

基于此，本申请实施例提供了一种元素绘制方法，通过在白板应用中添加三维背景，然后在三维背景中确定标定平面，将插入的元素映射到标定平面上，并显示在三维背景中。采用本申请，在白板应用的显示画面中显示三维背景，并实现三维背景下插入的元素与三维背景相结合进行显示，呈现三维显示效果。

下面结合具体的实施例对本申请进行详细说明。

请参见图1，为本申请实施例提供的一种元素绘制方法的系统架构图。图1中包括三维背景、白板应用以及添加了三维背景的白板应用，三维背景为一满足三维建模的背景，可以是保存在白板应用中的背景，也可以是由用户从图库或网络下载并添加至白板应用中的背景；白板应用为移动终端中安装的书写应用，添加了三维背景的白板应用即为在白板应用的显示画面上显示所添加的三维背景后的显示画面。

在白板应用中选择要添加的三维背景对应的三维模板，将要添加的三维背景添加到白板应用的显示画面上，白板应用的显示画面上显示该三维背景，在三维背景中选定标定位置，并基于标定位置确定三维背景中的标定平面，在显示画面上插入元素，将插入的元素按照显示画面的视口大小与标定平面大小的比例，映射到三维背景中并进行绘制，于白板应用的显示画面上显示添加的三维背景以及插入的元素。

通过上述方法，通过将三维背景添加到白板应用的显示画面上，选定标定位置以确定标定平面，基于标定平面将插入的元素绘制到三维背景中。采用本申请，在白板应用的显示画面中显示三维背景，并实现三维背景下插入的元素与三维背景相结合进行显示，呈现三维显示效果。

上述方法可运行于元素绘制装置上，元素绘制装置可以为上述的移动终端，包括但不限于：智能交互平板、个人电脑、平板电脑、手持设备、计算设备或连接到无线调制解调器的其它处理设备等。在不同的网络中移动终端可以叫做不同的名称，例如：用户设备、接入终端、用户单元、用户站、移动站、移动台、远方站、远程终端、移动设备、用户终端、终端、无线通信设备、用户代理或用户装置、蜂窝电话、无绳电话、个人数字处理(PersonalDigital Assistant,PDA)、5G网络或未来演进网络中的终端设备等。

请参见图2，为本申请实施例提供的一种元素绘制方法的流程示意图。本申请实施例以智能交互平板为例进行描述，该元素绘制方法可以包括以下步骤：

S101，在白板应用的显示画面中显示三维背景；

在所述白板应用中点击“添加背景”按键以打开添加背景的页面，在打开的页面中选择想要添加到显示画面的三维背景的三维模板种类，在确定三维模板种类后选择要添加的三维背景，将添加的三维背景显示在白板应用的显示画面中。

其中，打开添加背景的页面的方式包括但不限于在白板应用中点击“添加背景”按键、输入包括“打开背景”的语音信息。

其中，三维背景为一种可以进行操控的三维模型，通过对三维背景的操控，能够显示三维背景在不同视角下的画面，白板应用中存储有多个三维背景供用户选择，每一个三维背景都有对应的三维模板，各三维背景基于三维模板进行创建，当然用户也可以将本地图库或者网络下载的三维背景添加到白板应用中。

需要说明的是，在添加三维背景时，所要添加的三维背景的建模要求需要与对应的三维模板相匹配，才能顺利进行添加。

在一个实施例中，通过在如图3a所示的白板应用的显示画面上点击“添加背景”按钮并选择添加“三维背景”，那么在白板应用的显示画面上显示如图3b所示的三维模板的类型，即包括“立体几何”和“星系”两种类型，进一步的，用户根据需要选择三维模板，例如选择“星系”后则会呈现如图3c所示的“恒星系”和“行星系”两种三维星系背景，此时，用户可根据需求在这两种三维星系背景中进行选择。

S102，在所述三维背景中确定标定位置，基于所述标定位置确定三维坐标系的标定平面，所述标定平面与所述白板应用的显示画面平行；

在添加了三维背景的白板应用的显示画面中，通过点击等手势方法，对显示画面上的想要进行标注或者插入信息的区域进行选择，将所选择的区域中的物体的中心所在位置作为标定位置，并基于确定的标定位置，完成三维坐标系的标定平面的确定，并保持标定平面与白板应用的显示屏幕之间相互平行。

例如，如图4a所示，用户想要对图中的a区域进行标记，因此通过点击手势选择区域“a”，区域“a”中如图4b所示，存在A、B两个物体，用户通过手势在显示画面中点击物体A来确定标定位置，并将A的中心位置所在平面作为标定平面，标定平面与显示画面相互平行；若用户点击物体B，则将物体B的中心位置所在平面作为标定平面；若选择区域时点击的是物体A，而用户想要将物体B作为目标物体，则可以通过手势操作或者“物体切换”按键来实现目标物体的更换而不需要对点击区域较小的物体进行操作，减小误操作给用户带来使用体验的影响。

其中，标定平面如图5所示是一个三维背景中的平面，将图5中的目标物体的中心位置作为标定位置，将经过标定位置且与显示画面相平行的平面作为标定平面，标定平面可以用于显示插入的内容的平面，用户在进行内容的插入后，插入的内容在标定平面上进行显示。

其中，三维坐标系可以为用于显示三维背景的坐标系，要想创建出三维模板，并在该三维模板上显示所选择的三维背景，需要事先创建一个三维坐标系，进而在该三维坐标系上进行三维模板的建模。如图5所示，图5中的三维坐标系为白板应用事先建立的空坐标系，要使得三维背景在该三维坐标系中进行显示，在事先确定三维坐标系的原点以及对应的x轴、y轴以及z轴后，将三维模板自身的三维坐标系与建立的空坐标系进行结合，进而使三维背景在白板应用中进行显示。

S103，获取所插入的元素，基于标定平面将所述元素绘制在所述三维背景中；

用户在白板应用的显示画面上插入元素，获取用户插入的元素后，确定所插入的元素在三维坐标系中的坐标，基于坐标将所插入的元素映射在标定平面上，进而将映射到标定平面上的元素与三维背景建立对应关系，使得插入的元素与三维背景合为一体，达到将插入的元素绘制在三维背景中的目的，并将插入的元素三维背景一同进行显示。

进一步的，如图6a所示，在三维背景中插入元素“A”，并绘制在三维背景中并进行显示，之后若对三维背景进行移动，得到图6b，从图6b中可以看出由于对三维背景进行移动，使得在显示画面上的显示内容发生改变，三维背景中的插入元素也以相同的视角相应地发生变换。

其中，插入的元素可以为任意二维信息，例如一个图形、一道曲线、一张图片或者一个字迹等，插入元素的方法可以为直接在显示画面上使用手或者其他物体进行书写，也可以通过在白板应用的显示画面上点击“插入元素”按键打开存储图片或者其他二维信息的文件，将文件中的二维信息添加进三维背景中以实现元素的插入，此处对插入元素的内容以及方法不进行限定。

其中，对三维背景的移动可以为通过手势对画面进行拖动，也可以为通过按键对画面进行调整，若想要将显示内容恢复到刚添加三维背景时的初始画面，也可以通过点击“一键恢复”按键来实现，具体采用的方法此处不进行限定。

采用本申请实施例，通过将三维背景添加到白板应用的显示画面上，选定标定位置以确定标定平面，基于标定平面将插入的元素绘制到三维背景中。采用本申请，在白板应用的显示画面中显示三维背景，并实现三维背景下插入的元素与三维背景相结合进行显示，呈现三维显示效果。

请参见图7，为本申请实施例提供的一种元素绘制方法的流程示意图。本申请实施例以智能交互平板为例进行描述，该元素绘制方法可以包括以下步骤：

S201，在白板应用中选择三维模板；

要在白板应用中添加三维背景，需要先在白板应用中进行三维模板的选择，确定了三维模板后便于后续进行三维背景的选择。

例如，想要在白板应用中显示星系的三维背景，则如图3a所示，在白板应用中点击添加背景按钮并选择添加三维背景，选择三维背景后在如图3b所示的画面中选择要添加的三维模板种类，要添加的三维背景属于星系这一种类，因此选择星系模板这一种类的三维模板。

需要说明的是，白板应用中的三维模板种类是预先保存在应用中的，若需要使用其他类型的三维模板则需要自行进行添加。

S202，在所述白板应用中选择与所述三维模板匹配的三维背景，将所述三维背景显示在所述白板应用的显示画面上；

确定好三维模板后，在白板应用所保存的背景库中选择与所选择的三维模板相匹配的三维背景，并将选择的三维背景显示在白板应用的显示画面上。

其中，与所选择的三维模板相匹配的三维背景可以为所选择的三维背景的建模要求与所选择的三维模板的建模要求相一致，例如想要显示一个恒星系的三维背景，则选择一个星系模型的三维模板，并在如图3c所示的白板应用的显示画面中，选择与该星系模板相匹配的想要添加的恒星系三维背景。

进一步的，若想要显示的三维背景在白板应用中不存在，可以将符合三维模板的三维背景添加进去，从而进行显示；若想要显示的三维背景没有已经建模完成的模型，可以通过添加对应的足够进行建模的资料，白板应用基于所选择的三维模板进行建模得到三维背景并进行显示。所谓的足够进行建模的资料可以为足够完成将一个三维背景进行建模的基础资料信息，例如想要创建一个地球，则需要提供世界地图，以及对应的地形图等，通过这些资料能够组成一个球体，并且显示球体上的内容，进而完成地球的建模，得到一个地球的三维背景。

S203，响应于在所述三维背景中目标区域的点击指令；

添加完三维背景后，用户要想在白板应用的显示画面上进行书写，则开启书写模式，并在三维背景中的目标区域进行点击操作，白板应用响应于在三维背景中的目标区域的点击指令。

其中，目标区域可以为白板应用的显示画面上的用户想要选择的任意区域，选择区域的目的是为了进行目标物体的选择。

S204，将所述目标区域中的物体作为目标物体；

用户选择了目标区域后，识别目标区域中的物体，若目标区域中有且只有一个物体，将该物体作为目标物体，用于后续确定标定平面。

S205，若所述目标区域存在多个物体，则将所述目标区域中距离用户视角最近的物体作为目标物体；

若在白板应用的显示画面上进行点击时，所选择的目标区域中存在多个物体，则默认将目标区域中距离用户视角最近的物体作为目标物体。

例如，如图8所示，图8中的目标区域中存在有A、B两个物体，分别为物体A与物体B，可以看出物体A距离用户视角，也就是当前画面下距离更近，因此将物体A作为目标物体。

进一步的，如图9所示，图9中的显示画面中物体A与物体B重叠程度较高，用户需要在当前画面下选择物体B作为目标物体，但是要直接通过点击操作选择物体B难度较大，则可以通过点击“切换物体”按键或者采用手势等操作方法，不选择距离用户视角最近的物体A作为目标物体，而是选择物体B作为目标物体。其中，所采用的手势可以为由用户自定义的手势，也可以为白板应用中针对切换物体所设定的手势，此处不进行限定。

S206，若在预设时长内未检测到点击指令，则将所述三维背景中距离用户视角最近的物体作为目标物体；

若添加完三维背景并且开启书写模式后，在预设时长内用户没有在显示画面上进行点击或者其他选择目标物体的操作来选择目标物体，白板应用在预设时长内没有接收到点击指令，则默认将当前显示画面下三维背景中距离用户视角最近的物体作为目标物体。

其中，点击指令可以为对目标物体进行选择的指令，并不限定为采用点击这一方法，用于对目标物体进行选择的操作所生成的指令都可定义为点击指令。

例如，如图10所示，图中有A、B两个物体，在显示画面的右上角显示预设时长的倒计时，若倒计时变为零后，预设时长内用户没有进行点击操作，则将显示画面中距离用户视角最近的物体A作为目标物体。

其中，预设时长可以由用户自行进行定义，倒计时的显示模式以及是否显示都可以根据用户的具体需求进行设置，此处不进行限定。

S207，将所述目标物体的中心位置作为标定位置；

确定目标物体后，白板应用默认将目标物体的中心位置作为标定位置，确定标定位置以为后续进行标定平面做准备。

其中，物体的中心位置可以为物体的重心位置，若目标物体为一个球体，则该球体的中心位置则为该球体的球心，将该球体的球心作为标定位置；若目标物体为一个形状不规则的物体，则通过计算获取该物体的重心点，将重心点作为该物体的中心位置。

S208，将平行于所述白板应用的显示画面且经过所述标定位置的平面作为所述三维坐标系的标定平面；

确定了标定位置后，将经过标定位置且与白板应用的显示画面平行的平面作为三维坐标系中的标定平面。如图5所示，图5中有着显示画面、三维背景以及标定位置，确定经过标定位置且与显示画面相平行的平面，将该平面作为标定平面，从图5中可以看出标定平面与显示平面处于平面关系。

其中，标定平面可以为三维背景中的一个虚拟平面，用户所书写的内容将在该标定平面进行显示。

S209，响应于对所述三维坐标系的调整指令，将所述三维坐标系的标定平面进行调整；

若当前选中的标定平面不符合用户的意图，可以对白板应用下达调整指令，白板应用响应于针对三维坐标系的标定平面的调整指令，将三维坐标系的标定画面进行调整，使得三维坐标系的标定画面符合用户的要求。

其中，响应调整指令可以为如图11所示，接收到用户在在白板应用中的调整按钮中进行点击生成的调整指令，响应于调整指令对标定平面进行调整，调整幅度可以为小角度的微调，也可以如图11所示的直接由x0y面调整为x0z面，具体调整幅度可以根据用户实际情况进行确定，此处不进行限定。

S210，获取所插入的元素，将所有元素组合为一个二维纹理；

在确定了标定平面后，用户在白板应用的显示画面进行元素插入，白板应用获取所插入的元素，将所有元素组合成一个二维纹理，用于后续将插入的元素显示在显示画面上。

其中，所插入的元素可以为任意二维信息，例如一个图形、一道曲线、一张图片或者一个字迹等，插入元素的方法可以为直接在显示画面上使用手或者其他物体进行书写，也可以通过按键添加图片或者其他二维信息，此处对插入元素的内容以及方法不进行限定。

需要说明的是，在插入元素时，想要插入三维信息，例如在太阳系三维背景中，当前三维背景中只有恒星和行星而没有卫星，用户想要将卫星添加进三维背景中，可以在白板应用中存储太阳系三维背景的文件中将卫星的建模信息添加进太阳系的三维背景文件并进行更新，再重新进行三维背景的添加过程，即选择三维模板并添加三维背景的步骤，进而实现将三维元素插入三维背景。

进一步的，除了将所有插入的元素合成一个二维纹理外，可以采用另一种处理方法，即将每一个元素作为一个二维纹理进行记录：在显示屏幕上画了一笔后，将这一笔作为一个二维纹理，而第二笔则作为第二个二维纹理，每个二维纹理之间相互独立但可以重叠显示。具体采用哪个模式可以根据用户需求进行设置，此处不进行限定。

S211，获取用户视角所在的位置，并获取显示画面的视口大小；

在获取二维纹理后，要想将二维纹理在标定平面进行显示，还需要获取用户视角所在的位置，并获取显示画面的视口大小，以使得二维纹理能够进行显示。

其中，用户视角可以为用于调整显示画面的坐标，用户视角的所在的位置可以为如图12所示，为当前显示画面下用户视角所可能处于的位置，图12中的用户视角所在的位置不是一个确实存在的物体所处的位置，而是根据当前画面与三维背景的位置关系，即要显示当前画面需要以怎样的角度进行观察，则该角度即为用户视角。用户视角所在位置的具体定义方法可以为：在三维坐标系中任意选取一点作为用户视角，随着用户在白板应用上进行操作后，用户视角所在位置进行对应的改变，进而使得显示画面的具体显示内容进行相应的改变。例如，初始选择的用户视角所在位置的坐标为(1，2，3)，用户通过手势操作往x轴正方向平移了3个单位距离，则用户视角的所在位置则变为(4，2，3)，相应地显示画面上的显示内容也进行相应的变换。一种可行的方法为将经过显示画面中点的延长线上的任意一点作为初始定义的用户视角所在位置，基于用户视角在显示画面上显示对应的画面信息，当用户进行画面显示操作时，基于用户的操作进行用户视角的调整。

其中，显示画面的视口大小可以为如图13所示，为当前白板应用的显示画面所显示的窗口大小，视口大小可根据用户的需求进行调整，此处不进行限定。

S212，基于所述用户视角所在的位置以及所述视口大小，确定所述标定平面的大小；

获取到用户视角所在的位置以及视口大小后，基于用户视角所在的位置以及视口大小，通过用户视角所在的位置与视口大小所形成的比例，计算出标定平面的大小，采用的计算方法可以为用直线将用户视角与显示画面的视口顶点相连接，并延伸到三维背景中的标定平面，从而得到标定平面的大小；也可以得出用户视角与显示画面的距离以及用户视角与标定平面的距离，并基于视口大小以及两个距离的比例得出标定平面的大小，具体采用的方法不进行限定。

例如，如图14所示，将图14中的用户视角与显示画面的视口顶点用虚线连接并延伸到标定平面中，从而确定标定平面的大小。

其中，标定平面的大小用于限定二维纹理在标定平面的显示大小，通过对标定平面大小的确定以实现用户所看即所得的使用体验。

S213，基于所述视口大小以及标定平面的大小，计算所述二维纹理的映射比例；

在获得了视口大小以及标定平面的大小后，根据视口大小与标定平面大小之间比例，计算出二维纹理的映射比例，如图15所示，通过计算出二维纹理的映射比例，使得图15中的二维纹理在显示画面上的显示效果与在标定平面上的显示效果是一致的，两者在用户视角所观察到的内容是相同的。

例如，用户在显示画面画出一道长度为3cm的线段，而标定平面大小的视口平面大小的1.2倍，则二维纹理的映射比例为1:1.2，因此该线段在标定平面的长度则为3.6cm。

S214，按照所述映射比例将所述二维纹理映射到所述三维坐标系的标定平面中，显示映射后的二维纹理和所述三维背景；

确定了二维纹理的映射比例后，将二维纹理按照映射比例映射到三维坐标系的标定平面上，确定二维纹理在三维坐标系中的坐标，并基于坐标将二维纹理与三维背景进行绘制，最后显示三维背景下的二维纹理。

需要说明的是，若用户采用的是将所有插入的元素组合成一个二维纹理的元素插入模式，则在用户插入完所要插入的元素并退出书写模式后，白板应用将所插入的元素组合成一个二维纹理，并将二维纹理映射到标定平面上进而显示在三维背景中；若用户选择的是每插入一个二维元素就生成一个二维纹理，则无需用户退出书写模式即进行二维纹理的映射并显示的过程。

进一步的，若对三维背景进行移动，则映射在三维背景的二维元素也相应地发生移动。如图6a与图6b所示，图6a中插入有二维纹理“A”，若对图6a中的三维背景进行移动，则二维纹理也相应进行移动，得到图6b，可以发现图6a中的二维纹理“A”随着三维背景的移动而始终保持位置相互对应，得到图6b中的发生形变的“A”。

采用本申请实施例，通过选择三维模板，基于三维模板选择相匹配的三维背景显示在显示画面上，对显示画面进行点击确定目标物体，基于目标物体的中心位置确定标定平面，获取插入的元素将元素组合为二维纹理，基于用户视角的位置以及显示画面的视口大小确定标定平面的大小，将插入的元素按照比例映射到标定平面，并显示到三维背景中。通过本申请实施例，在白板应用上显示三维背景，并在三维背景确定标定平面，将在标定平面上插入的元素组合成二维纹理映射到三维背景，在三维背景中显示插入的二维纹理，实现三维背景下插入的元素与三维背景相结合进行显示，呈现三维显示效果。

请参见图16，其示出了本申请一个示例性实施例提供的元素绘制装置的结构示意图。该元素绘制装置可以通过软件、硬件或者两者结合实现称为终端的全部或者一部分。该装置1包括背景显示模块11、平面确定模块12以及元素确定模块13。

背景显示模块11，用于在所述白板应用的显示画面中显示三维背景；

平面确定模块12，用于在所述三维背景中确定标定位置，基于所述标定位置确定三维坐标系的标定平面，所述标定平面与所述白板应用的显示画面平行；

元素确定模块13，用于获取所插入的元素，基于标定平面将所述元素绘制在所述三维背景中。

可选的，如图17所示，所述平面确定模块12，包括：

位置确定单元121，用于获取在所述三维背景中选择的目标物体，将所述目标物体的中心位置作为标定位置；

平面确定单元122，用于将平行于所述白板应用的显示画面且经过所述标定位置的平面作为所述三维坐标系的标定平面。

可选的，如图18所示，所述位置确定单元121，包括：

指令响应子单元1211，用于响应于在所述三维背景中目标区域的点击指令；

物体确定子单元1212，用于将所述目标区域中的物体作为目标物体。

可选的，所述物体确定子单元1212，还用于：

若所述目标区域存在多个物体，则将所述目标区域中距离用户视角最近的物体作为目标物体。

可选的，所述物体确定子单元1212，还用于：

若在预设时长内未检测到点击指令，则将所述三维背景中距离用户视角最近的物体作为目标物体。

可选的，如图19所示，所述装置1还包括：

平面调整模块14，用于响应于对所述三维坐标系的调整指令，将所述三维坐标系的标定平面进行调整。

可选的，如图20所示，所述元素确定模块13，包括：

纹理组合单元131，用于获取所插入的元素，将所有元素组合为一个二维纹理；

纹理显示单元132，用于将所述二维纹理映射到所述三维坐标系的标定平面中，显示映射后的二维纹理和所述三维背景。

可选的，如图21所示，所述纹理显示单元132，包括：

视口大小获取子单元1321，用于获取用户视角所在的位置，并获取显示画面的视口大小；

平面大小确定子单元1322，用于基于所述用户视角所在的位置以及所述视口大小，确定所述标定平面的大小；

比例计算子单元1323，用于基于所述视口大小以及标定平面的大小，计算所述二维纹理的映射比例；

纹理显示子单元1324，用于按照所述映射比例将所述二维纹理映射到所述三维坐标系的标定平面中，显示映射后的二维纹理和所述三维背景。

可选的，如图22所示，所述背景显示模块11，包括：

模板选择单元111，用于在所述白板应用中选择三维模板；

背景显示单元112，用于在所述白板应用中选择与所述三维模板匹配的三维背景，将所述三维背景显示在所述白板应用的显示画面上。

采用本申请实施例，通过选择三维模板，基于三维模板选择相匹配的三维背景显示在显示画面上，对显示画面进行点击确定目标物体，基于目标物体的中心位置确定标定平面，获取插入的元素将元素组合为二维纹理，基于用户视角的位置以及显示画面的视口大小确定标定平面的大小，将插入的元素按照比例映射到标定平面，并显示到三维背景中。通过本申请实施例，在白板应用上显示三维背景，并在三维背景确定标定平面，将在标定平面上插入的元素组合成二维纹理映射到三维背景，在三维背景中显示插入的二维纹理，实现三维背景下插入的元素与三维背景相结合进行显示，呈现三维显示效果。

需要说明的是，上述实施例提供的元素绘制装置在执行元素绘制方法时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的元素绘制装置与元素绘制方法实施例属于同一构思，其体现实现过程详见方法实施例，这里不进行赘述。

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

本申请实施例还提供了一种计算机存储介质，所述计算机存储介质可以存储有多条指令，所述指令适于由处理器加载并执行如上述图1-图15所示实施例的方法步骤，具体执行过程可以参见图1-图15所示实施例的具体说明，在此不进行赘述。

本申请还提供了一种电子设备，该电子设备存储有至少一条指令，所述至少一条指令由所述处理器加载并执行上述图1-图15所示实施例的具体说明，在此不进行赘述。

请参见图23，为本申请实施例提供了一种电子设备的结构示意图。如图23所示，所述电子设备1000可以包括：至少一个处理器1001，至少一个网络接口1004，用户接口1003，存储器1005，至少一个通信总线1002。

其中，通信总线1002用于实现这些组件之间的连接通信。

其中，用户接口1003可以包括显示屏(Display)、摄像头(Camera)，可选用户接口1003还可以包括标准的有线接口、无线接口。

其中，网络接口1004可选的可以包括标准的有线接口、无线接口(如WI-FI接口)。

其中，处理器1001可以包括一个或者多个处理核心。处理器1001利用各种借口和线路连接整个电子设备1000内的各个部分，通过运行或执行存储在存储器1005内的指令、程序、代码集或指令集，以及调用存储在存储器1005内的数据，执行电子设备1000的各种功能和处理数据。可选的，处理器1001可以采用数字信号处理(Digital Signal Processing，DSP)、现场可编程门阵列(Field-Programmable Gate Array，FPGA)、可编程逻辑阵列(Programmable Logic Array，PLA)中的至少一种硬件形式来实现。处理器1001可集成中央处理器(Central Processing Unit，CPU)、图像处理器(Graphics Processing Unit，GPU)和调制解调器等中的一种或几种的组合。其中，CPU主要处理操作系统、用户界面和应用程序等；GPU用于负责显示屏所需要显示的内容的渲染和绘制；调制解调器用于处理无线通信。可以理解的是，上述调制解调器也可以不集成到处理器1001中，单独通过一块芯片进行实现。

其中，存储器1005可以包括随机存储器(Random Access Memory，RAM)，也可以包括只读存储器(Read-OnlyMemory)。可选的，该存储器1005包括非瞬时性计算机可读介质(non-transitory computer-readable storage medium)。存储器1005可用于存储指令、程序、代码、代码集或指令集。存储器1005可包括存储程序区和存储数据区，其中，存储程序区可存储用于实现操作系统的指令、用于至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现上述各个方法实施例的指令等；存储数据区可存储上面各个方法实施例中涉及到的数据等。存储器1005可选的还可以是至少一个位于远离前述处理器1001的存储装置。如图23所示，作为一种计算机存储介质的存储器1005中可以包括操作系统、网络通信模块、用户接口模块以及元素绘制应用程序。

在图23所示的电子设备1000中，用户接口1003主要用于为用户提供输入的接口，获取用户输入的数据；而处理器1001可以用于调用存储器1005中存储的元素绘制应用程序，并具体执行以下操作：

在所述白板应用的显示画面中显示三维背景；

在所述三维背景中确定标定位置，基于所述标定位置确定三维坐标系的标定平面，所述标定平面与所述白板应用的显示画面平行；

获取所插入的元素，基于标定平面将所述元素绘制在所述三维背景中。

在一个实施例中，所述处理器1001在执行在所述三维背景中确定标定位置，基于所述标定位置确定三维坐标系的标定平面时，具体执行以下操作：

获取在所述三维背景中选择的目标物体，将所述目标物体的中心位置作为标定位置；

将平行于所述白板应用的显示画面且经过所述标定位置的平面作为所述三维坐标系的标定平面。

在一个实施例中，所述处理器1001在执行获取在所述三维背景中选择的目标物体时，具体执行以下操作：

响应于在所述三维背景中目标区域的点击指令；

将所述目标区域中的物体作为目标物体。

在一个实施例中，所述处理器1001在执行将所述目标区域中的物体作为目标物体时，具体执行以下操作：

若所述目标区域存在多个物体，则将所述目标区域中距离用户视角最近的物体作为目标物体。

在一个实施例中，所述处理器1001在执行元素绘制应用程序时，还执行以下操作：

若在预设时长内未检测到点击指令，则将所述三维背景中距离用户视角最近的物体作为目标物体。

在一个实施例中，所述处理器1001在执行基于所述标定位置确定三维坐标系的各个平面之后，还执行以下操作：

响应于对所述三维坐标系的调整指令，将所述三维坐标系的标定平面进行调整。

在一个实施例中，所述处理器1001在执行获取所插入的元素，基于标定平面将所述元素绘制在所述三维背景中时，具体执行以下操作：

获取所插入的元素，将所有元素组合为一个二维纹理；

将所述二维纹理映射到所述三维坐标系的标定平面中，显示映射后的二维纹理和所述三维背景。

在一个实施例中，所述处理器1001在执行将所述二维纹理映射到所述三维坐标系的标定平面中，显示映射后的二维纹理和所述三维背景时，具体执行以下操作：

获取用户视角所在的位置，并获取显示画面的视口大小；

基于所述用户视角所在的位置以及所述视口大小，确定所述标定平面的大小；

基于所述视口大小以及标定平面的大小，计算所述二维纹理的映射比例；

按照所述映射比例将所述二维纹理映射到所述三维坐标系的标定平面中，显示映射后的二维纹理和所述三维背景。

在一个实施例中，所述处理器1001在执行在所述白板应用的显示画面中显示三维背景时，具体执行以下操作：

在所述白板应用中选择三维模板；

在所述白板应用中选择与所述三维模板匹配的三维背景，将所述三维背景显示在所述白板应用的显示画面上。

采用本申请实施例，通过选择三维模板，基于三维模板选择相匹配的三维背景显示在显示画面上，对显示画面进行点击确定目标物体，基于目标物体的中心位置确定标定平面，获取插入的元素将元素组合为二维纹理，基于用户视角的位置以及显示画面的视口大小确定标定平面的大小，将插入的元素按照比例映射到标定平面，并显示到三维背景中。通过本申请实施例，在白板应用上显示三维背景，并在三维背景确定标定平面，将在标定平面上插入的元素组合成二维纹理映射到三维背景，在三维背景中显示插入的二维纹理，实现三维背景下插入的元素与三维背景相结合进行显示，呈现三维显示效果。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体或随机存储记忆体等。

以上所揭露的仅为本申请较佳实施例而已，当然不能以此来限定本申请之权利范围，因此依本申请权利要求所作的等同变化，仍属本申请所涵盖的范围。