CN115248944A - 用于绘制图元的方法、装置、设备和存储介质 - Google Patents

Abstract

根据本公开的实施例，提供了绘制图元的方法、装置、设备和存储介质。在此描述的方法包括：确定第一图元在目标空间的布局图中的尺寸和第一组参考点，第一图元表示目标空间中具有第一尺寸的目标元素；响应于检测到改变第一图元的尺寸的输入，确定修改后的尺寸；基于修改后的尺寸和第一组参考点，确定第二图元在布局图中的第二组参考点，第二图元表示目标空间中具有第二尺寸的目标元素；以及基于第二组参考点在布局图中呈现第二图元以替换第一图元。这样，可以灵活调整空间布局图中图元的尺寸和形状，提高了空间布局图的制作效率和呈现效果。

Description

用于绘制图元的方法、装置、设备和存储介质

技术领域

本公开的示例实施例总体上涉及计算机领域，更具体地，涉及用于绘制图元的方法、装置、设备和计算机可读存储介质。

背景技术

在绘制平面布局图的场景中，为了真实地反映出空间结构和面积，各子空间的位置朝向、使用功能等信息，通常需要根据该空间的测量数据，利用相应图元来表示空间中的各种元素。目前，已经可以借助计算机来制作平面布局图。但是，在绘制平面布局图中的某些元素时，仍然采用直接对元素的图片进行拉伸的方式来调整图元。这将不可避免地造成平面布局图中的尺寸和比例与测量数据之间的误差。

发明内容

在本公开的第一方面，提供了一种绘制图元的方法。该方法包括：确定第一图元在目标空间的布局图中的尺寸和第一组参考点，第一图元表示目标空间中具有第一尺寸的目标元素；响应于检测到改变第一图元的尺寸的输入，确定修改后的尺寸；基于修改后的尺寸和第一组参考点，确定第二图元在布局图中的第二组参考点，第二图元表示目标空间中具有第二尺寸的目标元素；以及基于第二组参考点在布局图中呈现第二图元以替换第一图元。

在本公开的第二方面，提供了一种用于绘制图元的装置。该装置包括：第一参考点确定模块，被配置为确定第一图元在目标空间的布局图中的尺寸和第一组参考点，第一图元表示目标空间中具有第一尺寸的目标元素；尺寸确定模块，被配置为响应于检测到改变第一图元的尺寸的输入，确定修改后的尺寸；第二参考点确定模块，被配置为基于修改后的尺寸和第一组参考点，确定第二图元在布局图中的第二组参考点，第二图元表示目标空间中具有第二尺寸的目标元素；以及呈现模块，被配置为基于第二组参考点在布局图中呈现第二图元以替换第一图元。

在本公开的第三方面，提供了一种电子设备。该电子设备包括至少一个处理单元；以及至少一个存储器，至少一个存储器被耦合到至少一个处理单元并且存储用于由至少一个处理单元执行的指令。指令在由至少一个处理单元执行时使该电子设备执行第一方面的方法。

在本公开的第四方面，提供了一种计算机可读存储介质。该计算机可读存储介质上存储有计算机程序，计算机程序被处理器执行时实现第一方面的方法。

应当理解，本发明内容部分中所描述的内容并非旨在限定本公开的实施例的关键特征或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的描述而变得容易理解。

附图说明

结合附图并参考以下详细说明，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。在附图中，相同或相似的附图标记表示相同或相似的元素，其中：

图1示出了本公开的实施例能够在其中实现的示例环境的示意图；

图2示出了根据本公开的一些实施例的用于绘制图元的过程的流程图；

图3A示出了根据本公开的一些实施例的绘制示例图元的示意图；

图3B示出了根据本公开的一些实施例的绘制另一示例图元的示意图；

图4示出了根据本公开的一些实施例的用于绘制图元的用户界面的示意图；

图5示出了根据本公开的一些实施例的用于绘制图元的装置的框图；以及

图6示出了能够实施本公开的多个实施例的设备的框图。

具体实施方式

下面将参照附图更详细地描述本公开的实施例。虽然附图中示出了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反，提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。

在本公开的实施例的描述中，术语“包括”及其类似用语应当理解为开放性包含，即“包括但不限于”。术语“基于”应当理解为“至少部分地基于”。术语“一个实施例”或“该实施例”应当理解为“至少一个实施例”。术语“一些实施例”应当理解为“至少一些实施例”。下文还可能包括其他明确的和隐含的定义。

可以理解的是，本技术方案所涉及的数据(包括但不限于数据本身、数据的获取或使用)应当遵循相应法律法规及相关规定的要求。

在本公开的实施例的描述中，对“第一”、“第二”等词语的使用仅仅为了在不同元素、对象、目标、单元之间进行区分，而并非暗示这些元素、对象、目标、单元在时间、空间、优先级上的顺序或差异。

可以理解的是，在使用本公开各实施例公开的技术方案之前，均应当根据相关法律法规通过适当的方式对本公开所涉及个人信息的类型、使用范围、使用场景等告知用户并获得用户的授权。

例如，在响应于接收到用户的主动请求时，向用户发送提示信息，以明确地提示用户，其请求执行的操作将需要获取和使用到用户的个人信息。从而，使得用户可以根据提示信息来自主地选择是否向执行本公开技术方案的操作的电子设备、应用程序、服务器或存储介质等软件或硬件提供个人信息。

作为一种可选的但非限制性的实现方式，响应于接收到用户的主动请求，向用户发送提示信息的方式，例如可以是弹窗的方式，弹窗中可以以文字的方式呈现提示信息。此外，弹窗中还可以承载供用户选择“同意”或“不同意”向电子设备提供个人信息的选择控件。

可以理解的是，上述通知和获取用户授权过程仅是示意性的，不对本公开的实现方式构成限定，其他满足相关法律法规的方式也可应用于本公开的实现方式中。

如前所述，在绘制平面布局图中的某些元素时，无法通过计算机生成对应的图元，而是采用对图片进行调整的方式。平面布局图的一个示例性应用场景是房屋户型图，其中的元素可以包括墙体、门、窗户、阳台等等。房屋户型图用来反映房屋面积、户型格局、墙体分布、房间朝向、功能分区、户型采光等信息。通常，在绘制房屋户型图时，需要参考在房屋现场拍摄的图像和测量的数据。例如，通过等比例缩放图片的方式来绘制户型图中的飘窗、阶梯等元素。

上述方式在拉伸图片以修改元素的宽度或高度时会导致图片畸变。若不希望产生畸变，则需要以图片中心为原点进行等比例缩放。然而，在实践中，不同的房屋不可避免地具有不同尺寸的飘窗。除了房屋户型图之外，在空间布局图的其他应用场景中也面临类似的问题。因此，期望对空间布局图的制作过程进行改进，以便能够灵活调整空间布局图中的各种图元。

本公开的实施例提出了用于绘制图元的方案。该方案能够将空间元素的属性参数化，从而可以根据参数灵活调整空间布局图中的图元尺寸。此外，该方案还提供了用于绘制图元的用户界面，并支持以灵活的交互方式来调整图元。以此方式，能够提高空间布局图的制作效率，保障空间布局图的准确性，并且增强了呈现效果。

在下文中将结合房屋户型图的场景来描述本公开的实施例。但是，应当理解房屋户型图仅仅是本公开的实施例的众多应用场景之一，并且本公开的实施例同样适用于其他场景，例如，工程施工、城市规划、交通管理等等。因此，本公开的实施例的范围不限于此。

此外，在下文中还将参考若干用户界面(UI)的示例状态来描述实施例。应当理解，这些UI及交互仅仅是说明性的，实际可以存在各种界面设计和交互方式。另外，这些UI中包括的控件可以用任何目前已知或者将来开发的UI元素和技术来实现。此外，这些控件的类型、形式、操作方式、在UI中的布局、排列等均是示意性的，并且无意以任何形式限制本公开的范围。

图1示出了本公开的实施例能够在其中实现的示例环境100的示意图。在示例环境100中，终端设备110可以用于制作针对目标空间的平面布局图。在一些实施例中，目标空间可以是房屋、建筑物等等。相应地，平面布局图可以是房屋户型图、建筑平面图等等。当然，在其他实施例中，目标空间可以任何其他合适的实体或虚拟空间。因此，本公开的实施例在此方面不受限制。

在一些实施例中，用于制作平面布局图的实景图片、建模图像可以由用户通过终端设备110拍摄或生成。在另一些实施例中，这些实景图片或建模图像可以来自任何其他数据源。此外，在一些实施例中，针对目标空间的测量数据可以由用户102上传或者可以从任何其他数据源获取。

在一些实施例中，终端设备110可以安装有用于制作平面布局图的应用120。在一些实施例中，应用120可以向用户102呈现用户制作平面布局图的用户界面，这将在下面结合图2至4进行详细描述。

终端设备110可以是任意类型的移动终端、固定终端或便携式终端，包括移动手机、台式计算机、膝上型计算机、笔记本计算机、上网本计算机、平板计算机、媒体计算机、多媒体平板、个人通信系统(PCS)设备、个人导航设备、个人数字助理(PDA)、音频/视频播放器、数码相机/摄像机、定位设备、电视接收器、无线电广播接收器、电子书设备、游戏设备或者前述各项的任意组合，包括这些设备的配件和外设或者其任意组合。在一些实施例中，终端设备110和120也能够支持任意类型的针对用户的接口(诸如“可佩戴”电路等)。

终端设备110可以与远程设备(未示出)通信，以实现对目标空间的平面布局图数据的存储、更新和访问。例如，远程设备可以用于扩展终端设备110的存储和处理能力。在一些实施例中，远程设备可以是能够提供计算能力的各种类型的计算系统/服务器，包括但不限于大型机、边缘计算节点、云环境中的电子设备，等等。

在本文中，目标空间的图片、测量数据以及平面布局图可以具有任何数据格式。本公开的实施例在此方面不受限制。还应当理解的是，仅出于示例性的目的描述环境100的结构和功能，而不暗示对于本公开的范围的任何限制。

下面将参考图2，其示出了根据本公开的一些实施例的用于绘制图元的过程200的流程图。过程200可以在终端设备110处实现。当然，过程200也可以在任何适当的设备处实现。为了便于讨论，将参考图1的环境100来描述过程200。

用户102可以通过终端设备110制作针对目标空间的平面布局图。如前所述，目标空间可以是真实空间或虚拟空间，并且其中具有能够反映空间的结构布局、面积，各子空间的位置、朝向、面积、使用功能等属性的元素，包括但不限于墙体、门、窗、阶梯等等。这些元素在平面布局图中可以用相应的图元来表示，并且图元在平面布局图中的比例与元素在目标空间中的比例基本相同。

在过程200中，终端设备110针对布局图中的第一图元进行调整。在框210，终端设备110确定第一图元在目标空间的布局图中的尺寸和第一组参考点，第一图元表示目标空间中具有第一尺寸的目标元素。在一些实施例中，目标元素为普通飘窗、落地飘窗或阶梯。当然，在其他实施例中，目标元素可以是目标空间中的任何其他元素。因此，本公开的范围在此方面不受限制。

在一些实施例中，尺寸可以包括以下至少一项：目标元素的长、宽、高、外轮廓与内轮廓之间的厚度。应当理解，取决于目标空间的结构和目标元素的具体类型，在实践中还可以采用其他尺寸参数。例如，对于阶梯，终端设备110还可以确定其每节阶梯的高度等等。

图3A示出了根据本公开的一些实施例的绘制示例图元300的示意图，其中目标图元300对应于目标空间中的普通飘窗。普通飘窗通常突出墙体，位于目标空间的主体结构的外部。如图3A所示，目标图元300的第一组参考点包括A至H，其中参考点D为绘制第一图元的原点(0,0)。参考点A至D限定了普通飘窗的外轮廓，参考点E至H限定了普通飘窗的内轮廓。

作为示例，目标图元300的高度H、宽度W和飘窗内外侧的距离，即外轮廓与内轮廓之间的厚度D可以通过下面的公式(1)至(3)确定：

H＝AD＝BC (1)

W＝AB＝DC (2)

D＝AH＝BG (3)

相应地，参考点A的坐标为(0，H)，参考点B的坐标为(W，H)，参考点C的坐标为(W，0)，参考点E的坐标为(D，D)，参考点F的坐标为(W-D，D)，参考点G的坐标为(W-D，H)，参考点H的坐标为(D，H)。

图3B示出了根据本公开的一些实施例的绘制另一示例图元301的示意图，其中目标图元301对应于目标空间中的落地飘窗。如3B所示，目标图元301的第一组参考点包括A’至H’，其具有与图3A中的目标图元300类似的参考点坐标。相较于普通飘窗，落地飘窗位于目标空间的主体结构的内部。因此，在绘制落地飘窗时，通常无需绘制参考点H和G之间的连接线，也即与墙体的连接线。

用户102可以通过呈现在终端设备110中的应用120的用户界面来调整布局图中图元的尺寸、形状，等等。图4示出了根据本公开的一些实施例的用于绘制图元的用户界面400的示意图。如图4所示，用户界面400包括元素控件410，用户102可以通过诸如点击、拖动等手势来激活元素控件410中表示相应元素的子控件，以向布局图中添加图元。在图4的示例中，通过激活表示普通飘窗的子控件来向布局图中添加第一图元430。

用户界面400还包括用于操纵布局图的控件420，通过激活控件420中的相应子控件可以触发针对布局图的相应操作。应当理解，控件420中的子控件仅仅是示例性的。在实践中，可以根据需要提供与用户界面400中不同的子控件，本公开在此方面不做赘述。

用户界面400还呈现目标元素的属性、尺寸以及针对目标元素的操作。如图4所示，激活控件440可以更改当前绘制的图元类型。通过激活控件442、444和446可以相应地调整图元的长度441、宽度443、厚度445等尺寸参数。在图4的示例中，控件442、444和446被示为滑块控件，用户102通过向左或向右拖动滑块来改变对应尺寸参数的大小。附加地或备选地，用户界面400还可以包括用于针对目标元素执行左右镜像、内外镜像、撑满墙面、删除元素等操作的控件451至454。

应当理解，针对不同目标元素所呈现的属性、操作及控件的类型和数目可能是不同的。因此，用户界面400的布局和其中的控件仅仅是说明性的，而无意以任何形式限制本公开的范围。

在框220，终端设备110针对改变第一图元的尺寸的输入进行检测。在一些实施例中，终端设备110可以基于用户102在长度441、宽度443、厚度445等尺寸控件中输入的值来检测针对改变尺寸的输入。

附加地或备选地，在一些实施例中，输入可以为针对终端设备110的屏幕的触摸手势，包括但不限于，拖动手势、捏合手势等等。在图4的示例中，用户102通过拖动手势来激活控件442，以将目标元素的长度参数441修改为“1860mm”。在本公开的其他实施例中，也可以采用任何合适的其他输入方式。本公开的范围在此方面不受限制。

响应于检测到改变第一图元的尺寸的输入，在框230，终端设备110确定修改后的尺寸。

在框240，终端设备110基于修改后的尺寸和第一组参考点，确定第二图元在布局图中的第二组参考点，第二图元表示目标空间中具有第二尺寸的目标元素。取决于改变第一图元的尺寸的输入，第二尺寸可以大于第一尺寸，也可以小于第一尺寸。

在一些实施例中，第一组参考点可以包括第一图元的内轮廓顶点和外轮廓顶点，并且第二组参考点包括第二图元的内轮廓顶点和外轮廓顶点。

假设图4所示的第一图元430的原始长度为“1400mm”，由于长度参数被修改为“1860mm”，第二图元的长度比第一图元的长度长，偏移为d＝460mm。相应地，可以通过移动第一组参考点中的至少一部分来获得第二组参考点。例如，在图3A的示例中，响应于长度参数的改变，参考点B的坐标变为(W+d，H)，参考点C的坐标变为(W+d，0)，参考点F的坐标变为(W-D+d，D)，参考点G的坐标变为(W-D+d，H)。相应地，第二组参考点为A的坐标为(0，H)、B(W+d，H)、C(W+d，0)、D(0,0)、E(D，D)、F(W-D+d，D)、G(W-D+d，H)、H(D，H)。

在框250，终端设备110基于第二组参考点在布局图中呈现第二图元432以替换第一图元430。在一些实施例中，终端设备110可以基于与目标元素的类别对应的预定顺序来连接第二组参考点，以生成第二图元432。

在一些实施例中，终端设备110基于第一预定顺序连接外轮廓顶点，并且基于第二预定顺序连接内轮廓顶点。作为示例，在图3A的示例中，终端设备110在确定对应于普通飘窗的第二图元的第二组参考点之后，可以从原点D出发，按照第一预定顺序D->C->B->A依次连接外轮廓顶点来绘制第二图元的外轮廓。进而，在绘制第二图元的内轮廓时，从参考点A移至参考点H，并且按照第二预定顺序H->E->F->G依次连接内轮廓顶点来绘制第二图元的内轮廓。应当理解，在其他实施例中，也可以先连接内轮廓顶点、再连接外轮廓顶点，或者也可以并行连接内轮廓顶点和外轮廓顶点，本公开的范围在此方面不受限制。

在图3B的示例中，终端设备110在确定对应于落地飘窗的第二图元的第二组参考点之后，可以从原点D出发，按照第三预定顺序D->A->H->E->F->G->B->C->D依次第二组参考点来绘制第二图元。

在一些实施例中，终端设备110可以随拖动手势将第一图元430按比例缩放为第二图元432。如图4所示，随着用户102的拖动手势，第一图元430的右边431相应地被拖动至右边433，界面400中呈现的第一图元430被第二图元432替换。以此方式，可以直观地向用户102呈现基于不同参数绘制的图元效果。

例如，在实践中，终端设备110可以先清除布局图中的绘制结果，即第一图元430，再重新绘制出第二图元432。附加地或备选地，也可以并行实现对第一图元430的清除和对第二图元432的绘制，本公开在此方面不受限制。

尽管在上文中以图4所示的调整普通飘窗的长度参数为例描述了过程200，但是在实践中可以以类似地方式调整各种类型的图元的不同参数。因而，在此不进行赘述。

根据本公开的一些实施例，提供了用于绘制图元的方案。该方案能够将空间元素的属性和尺寸参数化，从而可以通过改变参数来灵活地调整空间布局图中的图元尺寸和形状。该方案还提供了用于绘制图元的用户界面，并支持以可视化的交互方式来调整图元。通过该方案，可以简化布局图的制作过程并节省人工成本。此外，该方案还可以保障空间布局图的准确性，增强布局图的呈现效果。

图5示出了根据本公开的某些实施例的用于绘制图元的装置500的示意性结构框图。装置500可以被实现为或者被包括在终端设备110中。装置500中的各个模块/组件可以由硬件、软件、固件或者它们的任意组合来实现。

如图所示，装置500包括第一参考点确定模块510，被配置为确定第一图元在目标空间的布局图中的尺寸和第一组参考点，第一图元表示目标空间中具有第一尺寸的目标元素；尺寸确定模块520，被配置为响应于检测到改变第一图元的尺寸的输入，确定修改后的尺寸；第二参考点确定模块530，被配置为基于修改后的尺寸和第一组参考点，确定第二图元在布局图中的第二组参考点，第二图元表示目标空间中具有第二尺寸的目标元素；以及呈现模块540，被配置为基于第二组参考点在布局图中呈现第二图元以替换第一图元。

在一些实施例中，第一组参考点包括第一图元的内轮廓顶点和外轮廓顶点，并且第二组参考点包括第二图元的内轮廓顶点和外轮廓顶点。

在一些实施例中，呈现模块540包括：第一连接模块，被配置为基于第一预定顺序连接外轮廓顶点；以及第二连接模块，被配置为基于第二预定顺序连接内轮廓顶点。

在一些实施例中，呈现模块540包括：第三连接模块，被配置为基于第三预定顺序连接第二组参考点。

在一些实施例中，尺寸包括以下至少一项：目标元素的长、宽、高、外轮廓与内轮廓之间的厚度。

在一些实施例中，输入为拖动手势，并且呈现模块540包括：缩放模块，被配置为随拖动手势将第一图元按比例缩放为第二图元。

在一些实施例中，标元素为普通飘窗、落地飘窗、或阶梯。

图6示出了示出了其中可以实施本公开的一个或多个实施例的电子设备600的框图。应当理解，图6所示出的电子设备600仅仅是示例性的，而不应当构成对本文所描述的实施例的功能和范围的任何限制。图6所示出的电子设备600可以用于实现图1的终端设备110。

如图6所示，电子设备600是通用电子设备的形式。电子设备600的组件可以包括但不限于一个或多个处理器或处理单元610、存储器620、存储设备630、一个或多个通信单元640、一个或多个输入设备650以及一个或多个输出设备660。处理单元610可以是实际或虚拟处理器并且能够根据存储器620中存储的程序来执行各种处理。在多处理器系统中，多个处理单元并行执行计算机可执行指令，以提高电子设备600的并行处理能力。

电子设备600通常包括多个计算机存储介质。这样的介质可以是电子设备600可访问的任何可以获得的介质，包括但不限于易失性和非易失性介质、可拆卸和不可拆卸介质。存储器620可以是易失性存储器(例如寄存器、高速缓存、随机访问存储器(RAM))、非易失性存储器(例如，只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、闪存)或它们的某种组合。存储设备630可以是可拆卸或不可拆卸的介质，并且可以包括机器可读介质，诸如闪存驱动、磁盘或者任何其他介质，其可以能够用于存储信息和/或数据(例如用于训练的训练数据)并且可以在电子设备600内被访问。

电子设备600可以进一步包括另外的可拆卸/不可拆卸、易失性/非易失性存储介质。尽管未在图6中示出，可以提供用于从可拆卸、非易失性磁盘(例如“软盘”)进行读取或写入的磁盘驱动和用于从可拆卸、非易失性光盘进行读取或写入的光盘驱动。在这些情况中，每个驱动可以由一个或多个数据介质接口被连接至总线(未示出)。存储器620可以包括计算机程序产品625，其具有一个或多个程序模块，这些程序模块被配置为执行本公开的各种实施例的各种方法或动作。

通信单元640实现通过通信介质与其他电子设备进行通信。附加地，电子设备600的组件的功能可以以单个计算集群或多个计算机器来实现，这些计算机器能够通过通信连接进行通信。因此，电子设备600可以使用与一个或多个其他服务器、网络个人计算机(PC)或者另一个网络节点的逻辑连接来在联网环境中进行操作。

输入设备650可以是一个或多个输入设备，例如鼠标、键盘、追踪球等。输出设备660可以是一个或多个输出设备，例如显示器、扬声器、打印机等。电子设备600还可以根据需要通过通信单元640与一个或多个外部设备(未示出)进行通信，外部设备诸如存储设备、显示设备等，与一个或多个使得用户与电子设备600交互的设备进行通信，或者与使得电子设备600与一个或多个其他电子设备通信的任何设备(例如，网卡、调制解调器等)进行通信。这样的通信可以经由输入/输出(I/O)接口(未示出)来执行。

根据本公开的示例性实现方式，提供了一种计算机可读存储介质，其上存储有计算机可执行指令，其中计算机可执行指令被处理器执行以实现上文描述的方法。根据本公开的示例性实现方式，还提供了一种计算机程序产品，计算机程序产品被有形地存储在非瞬态计算机可读介质上并且包括计算机可执行指令，而计算机可执行指令被处理器执行以实现上文描述的方法。

这里参照根据本公开实现的方法、装置、设备和计算机程序产品的流程图和/或框图描述了本公开的各个方面。应当理解，流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合，都可以由计算机可读程序指令实现。

这些计算机可读程序指令可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理单元，从而生产出一种机器，使得这些指令在通过计算机或其他可编程数据处理装置的处理单元执行时，产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中，这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作，从而，存储有指令的计算机可读介质则包括一个制造品，其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。

可以把计算机可读程序指令加载到计算机、其他可编程数据处理装置、或其他设备上，使得在计算机、其他可编程数据处理装置或其他设备上执行一系列操作步骤，以产生计算机实现的过程，从而使得在计算机、其他可编程数据处理装置、或其他设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。

附图中的流程图和框图显示了根据本公开的多个实现的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分，模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

以上已经描述了本公开的各实现，上述说明是示例性的，并非穷尽性的，并且也不限于所公开的各实现。在不偏离所说明的各实现的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择，旨在最好地解释各实现的原理、实际应用或对市场中的技术的改进，或者使本技术领域的其他普通技术人员能理解本文公开的各个实现方式。

Claims (16)

1.一种绘制图元的方法，包括：

确定第一图元在目标空间的布局图中的尺寸和第一组参考点，所述第一图元表示所述目标空间中具有第一尺寸的目标元素；

响应于检测到改变所述第一图元的所述尺寸的输入，确定修改后的所述尺寸；

基于修改后的所述尺寸和所述第一组参考点，确定第二图元在所述布局图中的第二组参考点，所述第二图元表示所述目标空间中具有第二尺寸的所述目标元素；以及

基于所述第二组参考点在所述布局图中呈现所述第二图元以替换所述第一图元。

2.根据权利要求1所述的方法，其中所述第一组参考点包括所述第一图元的内轮廓顶点和外轮廓顶点，并且所述第二组参考点包括所述第二图元的内轮廓顶点和外轮廓顶点。

3.根据权利要求2所述的方法，其中呈现所述第二图元包括：

基于第一预定顺序连接所述外轮廓顶点；以及

基于第二预定顺序连接所述内轮廓顶点。

4.根据权利要求1所述的方法，其中呈现所述第二图元包括：

基于第三预定顺序连接所述第二组参考点。

5.根据权利要求1所述的方法，其中所述尺寸包括以下至少一项：所述目标元素的长、宽、高、外轮廓与内轮廓之间的厚度。

6.根据权利要求1所述的方法，其中所述输入为拖动手势，并且呈现所述第二图元包括：

随所述拖动手势将所述第一图元按比例缩放为所述第二图元。

7.根据权利要求1所述的方法，其中所述目标元素为普通飘窗、落地飘窗、或阶梯。

8.一种用于绘制图元的装置，包括：

第一参考点确定模块，被配置为确定第一图元在目标空间的布局图中的尺寸和第一组参考点，所述第一图元表示所述目标空间中具有第一尺寸的目标元素；

尺寸确定模块，被配置为响应于检测到改变所述第一图元的所述尺寸的输入，确定修改后的所述尺寸；

第二参考点确定模块，被配置为基于修改后的所述尺寸和所述第一组参考点，确定第二图元在所述布局图中的第二组参考点，所述第二图元表示所述目标空间中具有第二尺寸的所述目标元素；以及

呈现模块，被配置为基于所述第二组参考点在所述布局图中呈现所述第二图元以替换所述第一图元。

9.根据权利要求8所述的装置，其中所述第一组参考点包括所述第一图元的内轮廓顶点和外轮廓顶点，并且所述第二组参考点包括所述第二图元的内轮廓顶点和外轮廓顶点。

10.根据权利要求9所述的装置，其中所述呈现模块包括：

第一连接模块，被配置为基于第一预定顺序连接所述外轮廓顶点；以及

第二连接模块，被配置为基于第二预定顺序连接所述内轮廓顶点。

11.根据权利要求8所述的装置，其中所述呈现模块包括：

第三连接模块，被配置为基于第三预定顺序连接所述第二组参考点。

12.根据权利要求8所述的装置，其中所述尺寸包括以下至少一项：所述目标元素的长、宽、高、外轮廓与内轮廓之间的厚度。

13.根据权利要求8所述的装置，其中所述输入为拖动手势，并且所述呈现模块包括：

缩放模块，被配置为随所述拖动手势将所述第一图元按比例缩放为所述第二图元。

14.根据权利要求8所述的装置，其中所述目标元素为普通飘窗、落地飘窗、或阶梯。

15.一种电子设备，包括：

至少一个处理单元；以及

至少一个存储器，所述至少一个存储器被耦合到所述至少一个处理单元并且存储用于由所述至少一个处理单元执行的指令，所述指令在由所述至少一个处理单元执行时使所述电子设备执行根据权利要求1至7中任一项所述的方法。

16.一种计算机可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现根据权利要求1至7中任一项所述的方法。

Images