CN116194876A - 图形绘制方法及装置、计算机可读存储介质 - Google Patents

Abstract

一种图形绘制方法及装置、计算机可读存储介质，所述图形绘制方法包括：接收用户的第一输入；检测所述第一输入的内容是否包括可封闭图形，所述可封闭图形为封闭图形或通过图形识别方法识别为封闭图形的图形；当所述第一输入的内容包括可封闭图形时，识别所述可封闭图形的形状为第一封闭图形，生成外框为所述第一封闭图形的第一节点。

Description

图形绘制方法及装置、计算机可读存储介质 技术领域

本公开实施例涉及但不限于计算机应用技术领域，尤指一种图形绘制方法及装置、计算机可读存储介质。

背景技术

思维导图又叫心智导图，是表达发散性思维的有效图形思维工具，其运用图文并重的技巧，把各级主题的关系用相互隶属与相关的层级图表现出来，把主题关键词与图像、颜色等建立记忆链接。思维导图是一种将思维形象化的方法，满足放射性思考的特征。放射性思考是人类大脑的自然思考方式，每一种进入大脑的信息都可以成为一个思考中心，并由此中心向外散发出成千上万的关联节点，每个关联节点又可以成为另一个中心主题，从而呈现出放射性立体结构。采用这种方式，可以使我们的大脑更容易地接受相关内容以及内容之间的关联关系。

发明内容

以下是对本文详细描述的主题的概述。本概述并非是为了限制权利要求的保护范围。

本公开实施例提供了一种图形绘制方法，包括：接收用户的第一输入；检测所述第一输入的内容是否包括可封闭图形，所述可封闭图形为封闭图形或通过图形识别方法识别为封闭图形的图形；当所述第一输入的内容包括可封闭图形时，识别所述可封闭图形的形状为第一封闭图形，生成外框为所述第一封闭图形的第一节点。

在一些示例性实施例中，在所述接收用户的第一输入之前，所述方法还包括：接收用户的第二输入，所述第二输入的内容为一个或多个字符；

在识别所述可封闭图形的形状为第一封闭图形之后且生成所述第一节点之前，所述方法还包括：检测所述第一封闭图形与所述第二输入中的字符在 图形绘制界面上的位置关系；当所述第一封闭图形与所述第二输入中的字符存在交叠区域时，执行生成外框为所述第一封闭图形的第一节点的操作，并根据所述第二输入的内容生成所述第一节点的节点名称。

在一些示例性实施例中，在所述接收用户的第一输入之前，所述方法还包括：接收用户的第二输入，所述第二输入的内容为一个或多个字符；

在识别所述可封闭图形的形状为第一封闭图形之后且生成所述第一节点之前，所述方法还包括：检测所述第一封闭图形与所述第二输入中的字符在图形绘制界面上的位置关系；当所述第一封闭图形包含所述第二输入中的全部字符时，执行生成外框为所述第一封闭图形的第一节点的操作，并根据所述第二输入的内容生成所述第一节点的节点名称。

在一些示例性实施例中，在所述接收用户的第一输入之前，所述方法还包括：接收用户的第二输入，所述第二输入的内容为一个或多个字符；

在识别所述可封闭图形的形状为第一封闭图形之后且生成所述第一节点之前，所述方法还包括：检测所述第一封闭图形与所述第二输入中的字符在图形绘制界面上的位置关系；当所述第一封闭图形与所述第二输入中的任一个字符不存在交叠区域时，响应用户的第五操作，移动所述第一封闭图形或所述字符的位置，所述第五操作为拖拽所述第一封闭图形或所述字符；当所述第一封闭图形与所述第二输入中的至少一个字符存在交叠区域时，执行生成外框为所述第一封闭图形的第一节点的操作，并根据所述第二输入的内容生成所述第一节点的节点名称。

在一些示例性实施例中，在所述接收用户的第一输入之后且生成所述第一节点之前，所述方法还包括：

接收用户的第三输入，所述第三输入的内容为一个或多个字符；

检测所述第一封闭图形与所述第三输入中的字符在图形绘制界面上的位置关系；

当所述第一输入中的第一封闭图形与所述第三输入中的至少一个字符存在交叠区域时，执行生成外框为所述第一封闭图形的第一节点的操作，并根据所述第三输入的内容生成所述第一节点的节点名称。

在一些示例性实施例中，在所述接收用户的第一输入之后且生成所述第一节点之前，所述方法还包括：

接收用户的第三输入，所述第三输入的内容为一个或多个字符；

检测所述第一封闭图形与所述第三输入中的字符在图形绘制界面上的位置关系；

当所述第一输入中的第一封闭图形包含所述第三输入中的全部字符时，执行生成外框为所述第一封闭图形的第一节点的操作，并根据所述第三输入的内容生成所述第一节点的节点名称。

在一些示例性实施例中，在所述接收用户的第一输入之后且生成所述第一节点之前，所述方法还包括：

接收用户的第三输入，所述第三输入的内容为一个或多个字符；

检测所述第一封闭图形与所述第三输入中的字符在图形绘制界面上的位置关系；

当所述第一输入中的第一封闭图形与所述第三输入中的任一个字符不存在交叠区域时，响应用户的第五操作，移动所述第一封闭图形或所述字符的位置，所述第五操作为拖拽所述第一封闭图形或所述字符；

当所述第一封闭图形与所述第三输入中的至少一个字符存在交叠区域时，执行生成外框为所述第一封闭图形的第一节点的操作，并根据所述第三输入的内容生成所述第一节点的节点名称。

在一些示例性实施例中，在所述接收用户的第一输入之后且在所述接收用户的第三输入之前，所述方法还包括：显示所述可封闭图形为第一封闭图形。

在一些示例性实施例中，所述方法还包括：检测是否有编辑所述第一节点的名称的第一操作；当检测到所述第一操作时，通过弹窗接收用户的第四输入，并根据所述第四输入生成所述第一节点的名称。

在一些示例性实施例中，所述方法还包括：识别所述可封闭图形是否与当前图形绘制界面中的任一节点连接；当所述可封闭图形与所述当前图形绘制界面中的任一节点均未连接时，生成的所述第一节点为自由节点；当所述 可封闭图形与所述当前图形绘制界面中的第二节点连接时，生成的所述第一节点为所述第二节点的子节点，所述第二节点为所述当前图形绘制界面中的根节点或子节点。

在一些示例性实施例中，所述方法还包括：检测是否有所述自由节点被选中的第二操作；当检测到所述第二操作时，在所述自由节点所在区域显示删除按钮，所述删除按钮用于删除所述删除按钮所在位置的节点。

在一些示例性实施例中，所述方法还包括：检测是否有将所述自由节点移动至所述当前图形绘制界面中的任一节点所在区域的第三操作；当检测到所述第三操作时，将所述自由节点添加为所述当前图形绘制界面中的第三节点，所述第三节点的父节点为所述第三操作中的自由节点被移动后所在区域的节点。

在一些示例性实施例中，所述方法还包括：接收用户的第五输入，所述第五输入包括至少一条连接线，所述连接线被配置为连接所述自由节点与所述当前图形绘制界面中的第二节点；将所述自由节点添加为所述当前图形绘制界面中的第四节点，所述第四节点的父节点为所述第五输入中的连接线连接的第二节点。

在一些示例性实施例中，所述连接线为直线连接线、折线连接线或曲线连接线。

在一些示例性实施例中，所述方法还包括：检测是否有所述第二节点被选中的第四操作；当检测到所述第四操作且所述第二节点为根节点时，在所述根节点所在区域显示添加按钮，所述添加按钮用于添加所述添加按钮所在位置节点的子节点；当检测到所述第四操作且所述第二节点为非根节点时，在所述第二节点所在区域显示添加按钮和删除按钮，所述删除按钮用于删除所述删除按钮所在位置的节点。

在一些示例性实施例中，所述方法还包括：检测节点名称包含的字符个数和/或长度；当所述节点名称包含的字符个数和/或长度超过预设的第一阈值时，调整节点的外框的宽度和高度，以使得所述节点名称分行显示。

在一些示例性实施例中，所述图形绘制界面中的任一节点的数据结构包 括以下至少之一：节点的左边位置、节点的顶边位置、是否为根节点、是否为自由节点、子节点集合、节点的文本内容、节点的矩形尺寸。

在一些示例性实施例中，所述可封闭图形的形状包括直线多边形、曲线多边形或者直线形与曲线组成的封闭图形。

本公开实施例还提供了一种图形绘制装置，包括处理器及存储器，所述处理器用于执行所述存储器中存储的程序，以实现如前任一项所述的图形绘制方法的步骤。

本公开实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有一个或者多个程序，所述一个或者多个程序可被一个或者多个处理器执行，以实现如前任一项所述的图形绘制方法的步骤。

在阅读理解了附图和详细描述后，可以明白其他方面。

附图说明

附图用来提供对本公开技术方案的进一步理解，并且构成说明书的一部分，与本公开的实施例一起用于解释本公开的技术方案，并不构成对本公开的技术方案的限制。附图中各部件的形状和大小不反映真实比例，目的只是示意说明本公开内容。

图1为本公开实施例一种图形绘制方法的流程示意图；

图2为本公开实施例一种画板页面的界面示意图；

图3为本公开实施例一种图形绘制界面示意图；

图4至图6为本公开实施例的三种根节点的示意图；

图7为图4中的根节点被选中时的界面示意图；

图8为图7中的根节点添加了一个子节点的界面示意图；

图9为图8中的子节点被选中时的界面示意图；

图10至图14为图4中的根节点在编辑状态时的几种界面示意图；

图15为图7中的根节点添加了多个子节点的界面示意图；

图16为在图15的图形绘制界面中，添加一个手绘矩形的界面示意图；

图17为将图16中的手绘矩形识别为一个自由节点的界面示意图；

图18为图17中的自由节点被选中时的界面示意图；

图19至图21为将图17中的自由节点移动至图形绘制界面中的一个节点下时的界面示意图；

图22为在图15的图形绘制界面中，添加一个手绘三角形的界面示意图；

图23为将图22中的手绘三角形识别为一个标准三角形的界面示意图；

图24为在图15的图形绘制界面中，添加一个手绘椭圆的界面示意图；

图25为将图24中的手绘椭圆识别为一个标准椭圆的界面示意图；

图26为在图25的图形绘制界面中，添加手绘文字的界面示意图；

图27为将图26中的手绘文字识别为标准体文字的界面示意图；

图28为将图27中的标准体文字和标准椭圆识别为一个自由节点的界面示意图；

图29至图30为将相互独立的标准体文字和标准椭圆识别为一个自由节点的过程示意图；

图31为本公开实施例另一种图形绘制方法的流程示意图；

图32为本公开示例性实施例提供的一种图形绘制装置的结构示意图。

具体实施方式

为使本公开的目的、技术方案和优点更加清楚明白，下文中将结合附图对本公开的实施例进行详细说明。注意，实施方式可以以多个不同形式来实施。所属技术领域的普通技术人员可以很容易地理解一个事实，就是方式和内容可以在不脱离本公开的宗旨及其范围的条件下被变换为各种各样的形式。因此，本公开不应该被解释为仅限定在下面的实施方式所记载的内容中。在不冲突的情况下，本公开中的实施例及实施例中的特征可以相互任意组合。

除非另外定义，本公开实施例公开使用的技术术语或者科学术语应当为 本公开所属领域内具有一般技能的人士所理解的通常意义。本公开实施例中使用的“第一”、“第二”以及类似的词语并不表示任何顺序、数量或者重要性，而只是用来区分不同的组成部分。“包括”或者“包含”等类似的词语意指出该词前面的元件或物件涵盖出现在该词后面列举的元件或者物件及其等同，而不排除其他元件或者物件。

思维导图又叫心智导图，是表达发散性思维的有效图形思维工具，其运用图文并重的技巧，把各级主题的关系用相互隶属与相关的层级图表现出来，把主题关键词与图像、颜色等建立记忆链接，是一种将思维形象化的方法。思维导图是一种将思维形象化的方法，满足放射性思考的特征。放射性思考是人类大脑的自然思考方式，每一种进入大脑的信息都可以成为一个思考中心，并由此中心向外散发出成千上万的关联节点，每个关联节点又可以成为另一个中心主题，从而呈现出放射性立体结构。采用这种方式，可以使我们的大脑更容易地接受相关内容以及内容之间的关联关系。

目前市面上有较多思维导图软件，这些软件构建思维导图主要有两种方式：一是打开相应软件后，通过快捷键或右键的方式添加一个个节点生成思维导图；二是通过打开软件支持的格式的文档来生成思维导图。这两种方式添加的节点的样式都比较单一，用户体验较差。

图1为本公开实施例所提供的一种图形绘制方法的流程示意图，该方法可以应用于台式电脑、笔记本电脑、智能手机、平板电脑等具有图形绘制功能的电子设备中。可选地，该方法可以应用于上述电子设备中安装的图形编辑软件中，或者，可以以网页的形式，应用于浏览器中，用户在浏览器中打开相应的网页进行图形编辑或展示时，自动调用本公开实施例的图形绘制方法。示例性的，该图形绘制方法绘制的图形可以是思维导图、流程图、逻辑关系图等。

为便于描述，下述实施例将以本公开实施例的图形绘制方法应用于思维导图编辑软件中为例，来解释说明本公开。

如图1所示，该图形绘制方法包括以下步骤：

步骤101：接收用户的第一输入；

在一些示例性实施例中，在使用本公开的图形绘制方法之前，用户可以先打开如图2所示的画板页面，点击画板页面上的思维导图选项，打开图形绘制界面。在另一些示例性实施例中，用户也可以通过其他方式打开图形绘制界面，本公开对此不作限制。

在一些示例性实施例中，如图3所示，图形绘制界面默认可以包括一个根节点。该根节点可以在用户打开图形绘制界面时，自动创建。默认的该根节点的名称可以为“我的主题”。

在一些示例性实施例中，在步骤101之前，所述方法还包括：

创建根节点的数据结构，所述根节点的数据结构包括根节点的左边位置、根节点的顶边位置、根节点的文本内容以及根节点的矩形尺寸等；

根据当前屏幕的尺寸，确定根节点的左边位置和顶边位置；

根据根节点的文本内容确定根节点的矩形尺寸；

根据根节点的左边位置、顶边位置、文本内容以及根节点的矩形尺寸，绘制根节点。

本公开中，节点的矩形尺寸指的是节点在当前图形绘制界面中的外框的宽度和高度大小，其中，外框的宽度指的是节点在当前图形绘制界面中的外框沿第一方向(示例性的，第一方向为行方向)的尺寸，外框的高度指的是节点在当前图形绘制界面中的外框沿第二方向(示例性的，第二方向为列方向)的尺寸。

在一些示例性实施例中，在本公开实施例的图形绘制界面中，每个节点的数据结构可以为如下的数组结构：

{

节点的左边位置(left)；

节点的顶边位置(top)；

是否为根节点(isRoot)；

是否为自由节点(isWild)；

子节点集合(childList)，集合的元素类型为该模型本身；

节点的文本内容(content)；

节点的矩形(rect)尺寸，记录当前节点的大小；

……..

}

初始化时，首先会创建这样一个数据模型作为根节点的数据结构，并会对该模型的左边位置和顶边位置赋值。在示例性实施例中，该模型的左边位置(left)为50像素，顶边位置(top)为当前设备屏幕高度的一半，设置为根节点(isRoot＝true)，文本内容为默认的”我的主题”，初始数据建立之后，就可以进入根节点绘制阶段。

在一些示例性实施例中，根据根节点的文本内容确定根节点的矩形尺寸，包括：

根据根节点的文本内容以及画布缩放比例，确定根节点的字符大小；

确定根节点的文本内容的长度是否大于预设的基准长度；

当根节点的文本内容的长度大于预设的基准长度时，确定绘制的根节点中节点名称所占的宽度及节点名称所占的行数；

当根节点的文本内容的长度大于或等于0且小于或等于预设的基准长度时，确定绘制的根节点中节点名称所占的宽度(此时，节点名称所占的行数为1)。

示例性的，当根节点的文本内容的长度大于或等于0且小于或等于n1个字符时，确定绘制的根节点中节点名称所占的宽度为n1个字符的长度(n1可以在1至3之间，示例性的，n1可以为2)，行数为1行；当根节点的文本内容的长度大于n1个字符且小于或等于预设的基准长度时，确定绘制的根节点中节点名称所占的宽度为n2个字符的长度，n2为根节点中包含的字符数量，节点名称所占的行数为1行。当根节点的文本内容的长度大于预设的基准长度时，确定绘制的根节点中节点名称所占的宽度为n3个字符的长度，节点名称所占的行数为

其中，n3为预设的基准长度中包含的字符 数量，

为向上取整符号。

在一些示例性实施例中，根据根节点的文本内容以及画布缩放比例，确定根节点的字符大小，包括：定义根节点的文字画笔(paint)，并将文字画笔的字符大小(textSize)设定为预设的第一像素数(示例性的，预设的第一像素数可以为20像素)乘以当前画布的缩放比例scale。

示例性的，在未缩放时候，当前画布的缩放比例scale为1。

在一些示例性实施例中，预设的基准长度可以为6到10个字符，示例性的，预设的基准长度可以为8个字符。

在一些示例性实施例中，当当前的根节点的文本内容的长度小于或等于预设的基准长度即不需要换行的情况下，可以通过安卓系统的应用程序(API)接口(示例性的，paint的方法getTextBounds)，获取当前的根节点的文本内容的实际宽高像素大小，构成一个矩形(rect)，并赋值给当前节点的矩形尺寸参数。

在一些示例性实施例中，当当前的根节点的文本内容的长度大于预设的基准长度即需要换行的情况下，可以先进行字符串分割，将当前的根节点的文本内容按照单行基准长度进行分割，并计算出每行的高度，并根据行数进行累加，则获得了多行文字的整体宽高像素大小，构成一个矩形(rect)，并赋值给当前节点的矩形尺寸参数。

在一些示例性实施例中，当当前的根节点内容被清空的情况下，可以按照默认保留两个汉字的宽高计算，构成一个矩形(rect)，并赋值给当前节点的矩形尺寸参数。

在一些示例性实施例中，根据根节点的左边位置(left)和顶边位置(top)，使用根节点的背景块画笔，按照之前计算的矩形尺寸参数，绘制背景；使用根节点的文字画笔，绘制文字，形成前述的根节点。

在一些示例性实施例中，该方法还包括：

检测节点名称(即节点的文本内容)包含的字符个数和/或长度；

当节点名称包含的字符个数和/或长度超过预设的第一阈值时，调整节点 的外框的宽度和高度(即节点的矩形尺寸)，以使得节点名称分行显示。

示例性的，如图4所示，假设当前的根节点的文本内容是”我的主题”，则节点的文本内容的长度为4，小于基准长度8，则无需换行，节点名称所占的宽度设为4个字符，节点名称所占的行数为1行；如图5所示，假设当前的根节点的文本内容是”我的主题我的主题我的主题我的主题”，节点的文本内容的长度即为16，则需要分割成两段并换行，节点名称所占的宽度设为8个字符，节点名称所占的行数为2行；如图6所示，假设当前的根节点的文本内容为空，节点名称所占的宽度仍设为2个字符。

在一些示例性实施例中，该方法还包括：

检测是否有节点被选中的操作；

当检测到有节点被选中且选中的节点为根节点时，在根节点所在区域显示添加按钮，添加按钮用于添加该添加按钮所在位置节点的子节点；

当检测到有节点被选中且选中的节点为非根节点时，在选中的节点所在区域显示添加按钮和删除按钮，删除按钮用于删除该删除按钮所在位置的节点。

本实施例中，长按绘制好的节点，则该节点被选中，确定长按时触摸的位置坐标(x，y)，检测触摸的位置坐标(x，y)是否在节点的范围内，若在节点的范围内，则根据节点的位置和范围，弹出操作按钮。其中，根节点的操作按钮包括添加按钮(即图7中的+号)。点击+号，为当前节点添加子节点，示例性的，添加的子节点如图8所示。如图9所示，长按刚刚添加的子节点，同样会弹出操作按钮，与根节点不同的是，子节点的操作按钮包括添加按钮和删除按钮，点击删除按钮后，该子节点会被删除。

在一些示例性实施例中，该方法还包括：

检测是否有编辑节点的名称的操作；

当检测到有编辑节点的名称的操作时，通过弹窗接收用户的第四输入，并根据第四输入生成节点的名称。

在一些示例性实施例中，如图10、图11、图12和图13所示，单击绘制 好的节点，可以在该节点下方弹出编辑窗口，编辑窗口可以包括输入框和位于输入框下方的手写板，用户可以在手写板上绘制文字，文字被识别后，则添加到输入框上，点击“完成”按钮后，完成对节点的文本内容的编辑，同时节点的名称也会变为编辑后的内容。如图14所示，编辑窗口也可以包括输入框和位于输入框下方的键盘，即节点内容的编辑也支持键盘输入。通过上述操作，用户可以添加多个节点，如图15所示。

步骤102：检测第一输入的内容是否包括可封闭图形，可封闭图形为封闭图形或通过图形识别方法识别为封闭图形的图形。

在一些示例性实施例中，可封闭图形的形状包括直线多边形(如三角形、矩形、正方形、平行四边形、正五边形、正六边形等)、曲线多边形(如圆、椭圆等)或者直线形与曲线组成的封闭图形(如圆角矩形等)。

示例性的，如图16所示，第一输入为手绘的图形，本公开实施例中，用户手绘的图形可以不是严格意义上的封闭图形，示例性的，图16中用户手绘的图形并没有完全闭合，但是，该手绘的图形可以通过图形识别方法识别为一个矩形(此时，未闭合的两条边的相临近的顶点之间的距离小于预设的距离阈值)，因此，我们可以将该手绘的图形看成一个可封闭图形。即，可封闭图形可以为封闭图形，也可以不是封闭图形但是通过图形识别方法可以识别为一个封闭图形的图形。

步骤103：当第一输入的内容包括可封闭图形时，识别可封闭图形的形状为第一封闭图形，生成外框为第一封闭图形的第一节点。本公开实施例中，第一节点可以为一个自由节点，也可以为当前图形绘制界面中的一个子节点。

在一些示例性实施例中，该方法还包括：

识别可封闭图形是否与当前图形绘制界面中的任一节点连接；

当可封闭图形与当前图形绘制界面中的任一节点均未连接时，生成的第一节点为自由节点。

示例性的，如图17所示，将图16中手绘的图形通过图形识别方法识别为一个矩形，在相应的位置上生成一个外框为矩形的自由节点。该自由节点的内容可以默认为“自由主题1”。

在一些示例性实施例中，该方法还包括：

检测是否有自由节点被选中的第二操作；

当检测到第二操作时，在自由节点所在区域显示删除按钮，删除按钮用于删除该删除按钮所在位置的节点。

如图18所示，长按绘制好的自由节点，也会弹出操作按钮。示例性的，自由节点的操作按钮只包括删除按钮，不包括添加子节点按钮，点击删除按钮后，该自由节点会被删除。

在一些示例性实施例中，该方法还包括：

检测是否有将自由节点移动至图形绘制界面中的任一节点所在区域的第三操作；

当检测到第三操作时，将自由节点添加为图形绘制界面中的第三节点，第三节点的父节点为第三操作中的自由节点被移动后所在区域的节点。

如图18、图19、图20和图21所示，长按绘制好的自由节点同时表示这个自由节点当前是被选中的状态，可以拖动这个自由节点到任意位置。如果将这个自由节点拖动到主干的某个节点下，并抬起手指，则会将这个节点添加到所处节点位置的节点上，成为它的子节点。

同理，其他图形的绘制和识别(包括但不限于三角形，椭圆等)，也会绘制出相应的图形，同样会生成对应图形的自由节点，如图22、图23、图24和图25所示。

在一些示例性实施例中，在接收用户的第一输入之前，该方法还包括：接收用户的第二输入，第二输入的内容可以为一个或多个字符；

在识别可封闭图形的形状为第一封闭图形之后且生成第一节点之前，该方法还包括：检测第一封闭图形与第二输入中的字符在图形绘制界面上的位置关系；当第一封闭图形与第二输入中的字符存在交叠区域时，执行生成外框为第一封闭图形的第一节点的操作，并根据第二输入的内容生成第一节点的节点名称。

本公开实施例中，第一输入中的第一封闭图形与第二输入中的至少一个 字符存在交叠区域至少包含以下两种情况：第一输入中的第一封闭图形包含第二输入中的部分字符，或者第一输入中的第一封闭图形包含第二输入中的全部字符。

本公开实施例中，第二输入的内容(一个或多个字符)在第一输入的内容(图形)之前输入，即先写文字，再在文字外绘制边框，边框包含文字或者边框与文字有交叉(即存在交叠区域)，当文字和封闭图形识别成功后，检查识别的封闭图形与标准体文字是否存在交叉或包含关系，如果存在，则识别为一个自由节点。

本公开实施例中，可以根据第二输入的全部字符生成第一节点的节点名称，也可以提取第二输入中的关键字符生成第一节点的节点名称，本公开对此不作限制。

在一些示例性实施例中，在接收用户的第一输入之前，该方法还包括：接收用户的第二输入，第二输入的内容可以为一个或多个字符；

在识别可封闭图形的形状为第一封闭图形之后且生成第一节点之前，该方法还包括：检测第一封闭图形与第二输入中的字符在图形绘制界面上的位置关系；当第一封闭图形包含第二输入中的全部字符时，执行生成外框为第一封闭图形的第一节点的操作，并根据第二输入的内容生成第一节点的节点名称。

在另一些示例性实施例中，在接收用户的第一输入之前，该方法还包括：

接收用户的第二输入，第二输入的内容为一个或多个字符；

在识别可封闭图形的形状为第一封闭图形之后且生成第一节点之前，该方法还包括：

检测第一封闭图形与第二输入中的字符在图形绘制界面上的位置关系；

当第一封闭图形与第二输入中的任一个字符不存在交叠区域时，响应用户的第五操作，移动第一封闭图形或所述字符的位置，第五操作为拖拽第一封闭图形或字符；

当第一封闭图形与第二输入中的至少一个字符存在交叠区域时，执行生 成外框为第一封闭图形的第一节点的操作，并根据第二输入的内容生成第一节点的节点名称。

在另一些示例性实施例中，在接收用户的第一输入之后且生成第一节点之前，该方法还包括：

接收用户的第三输入，第三输入的内容为一个或多个字符；

检测第一封闭图形与第三输入中的字符在图形绘制界面上的位置关系；

当第一输入中的第一封闭图形与第三输入中的至少一个字符存在交叠区域时，执行生成外框为第一封闭图形的第一节点的操作，并根据第三输入的内容生成第一节点的节点名称。

本公开实施例中，第三输入的内容(一个或多个字符)在第一输入的内容(图形)之后输入。当绘制的可封闭图形识别成功后，并不会直接生成一个默认的”自由节点”，而是直接识别成一个封闭图形，如矩形、椭圆、三角形等。接下来，在这个图形上书写文字，如图26所示，不必保证每个文字都在图形内部，但要保证书写的连贯性，每一笔不能停留时间过长，在完全写完后，我们会将书写的内容交给文字识别算法(现有技术)，如图27所示，将手写的文字识别为标准体文字。检查识别的封闭图形与标准体文字是否存在交叉或包含关系(即是否存在交叠区域)，如果存在，则识别为一个第一节点，如图28所示。

本公开实施例中，可以根据第三输入的全部字符生成第一节点的节点名称，也可以提取第三输入中的关键字符生成第一节点的节点名称，本公开对此不作限制。

在另一些示例性实施例中，在接收用户的第一输入之后且生成第一节点之前，该方法还包括：

接收用户的第三输入，第三输入的内容为一个或多个字符；

检测第一封闭图形与第三输入中的字符在图形绘制界面上的位置关系；

当第一输入中的第一封闭图形包含第三输入中的全部字符时，执行生成外框为第一封闭图形的第一节点的操作，并根据第三输入的内容生成第一节 点的节点名称。

在一些示例性实施例中，在接收用户的第一输入之后且生成第一节点之前，该方法还包括：

接收用户的第三输入，第三输入的内容为一个或多个字符；

检测第一封闭图形与第三输入中的字符在图形绘制界面上的位置关系；

当第一输入中的第一封闭图形与第三输入中的任一个字符不存在交叠区域时，响应用户的第五操作，移动第一封闭图形或字符的位置，第五操作为拖拽第一封闭图形或所述字符；

当第一封闭图形与第三输入中的至少一个字符存在交叠区域时，执行生成外框为第一封闭图形的第一节点的操作，并根据第三输入的内容生成第一节点的节点名称。

本实施例中，如图29和图30所示，将识别后的标准体文字和一个未包含文字的封闭图形进行拖拽合并，也可以产生一个第一节点。在另一些示例性实施例中，第三输入的内容也可以在第一输入的内容之前输入。

本实施例中，绘制的图形和文字本来在图形绘制界面上是两个单独的元素，并有各自的位置信息：left、top，以及宽高信息：width、height。我们通过这些信息，可以得到这两个元素各自对应的矩形信息，既Rect(left，top，left+width，top+height)。此外，每个元素还有类型信息type，其中，文字的类型信息是”text”，内容属性content用于保存文字内容，如”自由主题”；图形的类型信息是”shape”，并有属性”shapeType”来区分具体类型，如矩形的shapeType＝1，椭圆的shapeType＝2等。

当我们书写或者绘制完毕后，会根据当前元素位置信息确定矩形，并与其他元素的矩形进行相交判断，示例性的，可以通过java Rect对象提供的intersect方法来判断矩形是否相交，如果相交，则将两个元素的信息(位置，大小，位子内容，图形类型)合并形成一个新的元素，也就是图形绘制界面中的一个自由节点，并将之前两个单独的元素从图形绘制界面上删除。

在一些示例性实施例中，在接收用户的第一输入之后且在接收用户的第三输入之前，该方法还包括：

显示可封闭图形为第一封闭图形。

本公开实施例中，当采用先画图形、再写文字的方法生成一个节点时，在写文字之前，可以将用户手绘的图形先转化成一个标准的封闭图形显示，也可以先不转化，在生成第一节点时，将图形和文字一起转化为标准的图形和文字，本公开对此不作限制。

在另一些示例性实施例中，该方法还包括：

接收用户的第五输入，第五输入包括至少一条连接线，该连接线被配置为连接自由节点与当前图形绘制界面中的第二节点，第二节点可以为图形绘制界面中的根节点或子节点；

将自由节点添加为当前图形绘制界面中的第四节点，第四节点的父节点为第五输入中的连接线连接的第二节点。

示例性的，连接线可以为直线连接线、折线连接线、曲线连接线等，本公开对此不作限制。在实际使用时，可以根据需要调整自由节点的位置和/或连接线的形状，本公开对此不作限制。

在另一些示例性实施例中，该方法还包括：

识别可封闭图形是否与当前图形绘制界面中的任一节点连接；

当可封闭图形与当前图形绘制界面中的第二节点连接时，生成外框为第一封闭图形的第一节点，第一节点的父节点为第二节点，第二节点为当前图形绘制界面中的根节点或子节点。

本步骤与前述步骤的不同之处在于，前述步骤中的可封闭图形不与当前图形绘制界面中的任意一个节点连接，而本步骤中的可封闭图形与当前图形绘制界面中的第二节点连接，其中，第二节点可以为当前图形绘制界面中的根节点或子节点。连接可封闭图形与第二节点的连接线可以在用户绘制可封闭图形时同时绘制、在用户绘制可封闭图形之前绘制或者在用户绘制可封闭图形之后绘制。此时，识别方法与前述步骤中的识别方法类似，只是本步骤中，不再将第一封闭图形识别为一个自由节点，而是直接识别为图形绘制界面中的一个子节点，该子节点的父节点为第二节点。其实现原理和实现效果 与前述步骤的实现原理和实现效果类似，在此不再赘述。

图31为本公开实施例另一种图形绘制方法的流程示意图。如图31所示，点击绘制好的节点，可以在该节点下方弹出编辑弹窗，通过编辑弹窗完成对节点内容的编辑。长按绘制好的节点，会在该节点上展示操作按钮，操作按钮包括添加按钮和删除按钮，添加按钮用于添加子节点，删除按钮用于删除当前节点。此外，可以通过手绘图形生成自由节点，并可以通过移动或手绘连接线将自由节点添加到其它节点上。

综上所述，本公开提供的图形绘制方法，通过识别第一输入的内容是否包括可封闭图形来添加节点，很方便的增加了不同样式的节点，提高了用户的使用体验。

本公开实施例还提供了一种图形绘制装置，该图形绘制装置可包括处理器以及存储有可在处理器上运行的计算机程序的存储器，该处理器执行所述计算机程序时实现本公开中如前任一项所述的图形绘制方法的步骤。

如图32所示，在一个示例中，图形绘制装置可包括：处理器3210、存储器3220、总线系统3230和收发器3240，其中，该处理器3210、该存储器3220和该收发器3240通过该总线系统3230相连，该存储器3220用于存储指令，该处理器3210用于执行该存储器3220存储的指令，以控制该收发器3240发送信号。具体地，收发器3240可在处理器3210的控制下从图形绘制界面中获取用户的第一输入，检测第一输入的内容是否包括可封闭图形，可封闭图形为封闭图形或通过图形识别方法识别为封闭图形的图形；当第一输入的内容包括可封闭图形时，识别可封闭图形的形状为第一封闭图形，生成外框为第一封闭图形的第一节点，通过收发器将生成的第一节点输出至图形绘制界面。

应理解，处理器3210可以是中央处理单元(Central Processing Unit，CPU)，处理器3210还可以是其他通用处理器、数字信号处理器(DSP)、专用集成电路(ASIC)、现成可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或 者该处理器也可以是任何常规的处理器等。

存储器3220可以包括只读存储器和随机存取存储器，并向处理器3210提供指令和数据。存储器3220的一部分还可以包括非易失性随机存取存储器。例如，存储器3220还可以存储设备类型的信息。

总线系统3230除包括数据总线之外，还可以包括电源总线、控制总线和状态信号总线等。但是为了清楚说明起见，在图32中将各种总线都标为总线系统3230。

在实现过程中，处理设备所执行的处理可以通过处理器3210中的硬件的集成逻辑电路或者软件形式的指令完成。即本公开实施例的方法步骤可以体现为硬件处理器执行完成，或者用处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器，闪存、只读存储器，可编程只读存储器或者电可擦写可编程存储器、寄存器等存储介质中。该存储介质位于存储器3220，处理器3210读取存储器3220中的信息，结合其硬件完成上述方法的步骤。为避免重复，这里不再详细描述。

本公开实施例还提供了一种计算机可读存储介质，该计算机可读存储介质存储有可执行指令，该可执行指令被处理器执行时可以实现本公开上述任一实施例提供的图形绘制方法，该图形绘制方法可以通过识别第一输入的内容是否包括可封闭图形来添加节点，很方便的增加了不同样式的节点，提高了用户的使用体验。通过执行可执行指令驱动图形绘制装置生成节点的方法与本公开上述实施例提供的图形绘制方法基本相同，在此不做赘述。

本公开实施例提供的图形绘制方法、装置及计算机存储介质，通过识别第一输入的内容是否包括可封闭图形并添加节点，很方便的增加了不同样式的节点，提高了用户的使用体验。

本领域普通技术人员可以理解，上文中所公开方法中的全部或某些步骤、系统、装置中的功能模块/单元可以被实施为软件、固件、硬件及其适当的组合。在硬件实施方式中，在以上描述中提及的功能模块/单元之间的划分不一定对应于物理组件的划分；例如，一个物理组件可以具有多个功能，或者一 个功能或步骤可以由若干物理组件合作执行。某些组件或所有组件可以被实施为由处理器，如数字信号处理器或微处理器执行的软件，或者被实施为硬件，或者被实施为集成电路，如专用集成电路。这样的软件可以分布在计算机可读介质上，计算机可读介质可以包括计算机存储介质(或非暂时性介质)和通信介质(或暂时性介质)。如本领域普通技术人员公知的，术语计算机存储介质包括在用于存储信息(诸如计算机可读指令、数据结构、程序模块或其他数据)的任何方法或技术中实施的易失性和非易失性、可移除和不可移除介质。计算机存储介质包括但不限于RAM、ROM、EEPROM、闪存或其他存储器技术、CD-ROM、数字多功能盘(DVD)或其他光盘存储、磁盒、磁带、磁盘存储或其他磁存储装置、或者可以用于存储期望的信息并且可以被计算机访问的任何其他的介质。此外，本领域普通技术人员公知的是，通信介质通常包含计算机可读指令、数据结构、程序模块或者诸如载波或其他传输机制之类的调制数据信号中的其他数据，并且可包括任何信息递送介质。

虽然本公开所揭露的实施方式如上，但所述的内容仅为便于理解本公开而采用的实施方式，并非用以限定本公开。任何本公开所属领域内的技术人员，在不脱离本公开所揭露的精神和范围的前提下，可以在实施的形式及细节上进行任何的修改与变化，但本公开的保护范围，仍须以所附的权利要求书所界定的范围为准。

Claims (20)

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

   接收用户的第一输入；

   检测所述第一输入的内容是否包括可封闭图形，所述可封闭图形为封闭图形或通过图形识别方法识别为封闭图形的图形；

   当所述第一输入的内容包括可封闭图形时，识别所述可封闭图形的形状为第一封闭图形，生成外框为所述第一封闭图形的第一节点。
2. 根据权利要求1所述的图形绘制方法，在所述接收用户的第一输入之前，所述方法还包括：接收用户的第二输入，所述第二输入的内容为一个或多个字符；

   在识别所述可封闭图形的形状为第一封闭图形之后且生成所述第一节点之前，所述方法还包括：检测所述第一封闭图形与所述第二输入中的字符在图形绘制界面上的位置关系；当所述第一封闭图形与所述第二输入中的字符存在交叠区域时，执行生成外框为所述第一封闭图形的第一节点的操作，并根据所述第二输入的内容生成所述第一节点的节点名称。
3. 根据权利要求1所述的图形绘制方法，在所述接收用户的第一输入之前，所述方法还包括：接收用户的第二输入，所述第二输入的内容为一个或多个字符；

   在识别所述可封闭图形的形状为第一封闭图形之后且生成所述第一节点之前，所述方法还包括：检测所述第一封闭图形与所述第二输入中的字符在图形绘制界面上的位置关系；当所述第一封闭图形包含所述第二输入中的全部字符时，执行生成外框为所述第一封闭图形的第一节点的操作，并根据所述第二输入的内容生成所述第一节点的节点名称。
4. 根据权利要求1所述的图形绘制方法，在所述接收用户的第一输入之前，所述方法还包括：接收用户的第二输入，所述第二输入的内容为一个或多个字符；

   在识别所述可封闭图形的形状为第一封闭图形之后且生成所述第一节点之前，所述方法还包括：检测所述第一封闭图形与所述第二输入中的字符在图形绘制界面上的位置关系；当所述第一封闭图形与所述第二输入中的任一个字符不存在交叠区域时，响应用户的第五操作，移动所述第一封闭图形或所述字符的位置，所述第五操作为拖拽所述第一封闭图形或所述字符；当所述第一封闭图形与所述第二输入中的至少一个字符存在交叠区域时，执行生成外框为所述第一封闭图形的第一节点的操作，并根据所述第二输入的内容生成所述第一节点的节点名称。
5. 根据权利要求1所述的图形绘制方法，在所述接收用户的第一输入之后且生成所述第一节点之前，所述方法还包括：

   接收用户的第三输入，所述第三输入的内容为一个或多个字符；

   检测所述第一封闭图形与所述第三输入中的字符在图形绘制界面上的位置关系；

   当所述第一输入中的第一封闭图形与所述第三输入中的至少一个字符存在交叠区域时，执行生成外框为所述第一封闭图形的第一节点的操作，并根据所述第三输入的内容生成所述第一节点的节点名称。
6. 根据权利要求1所述的图形绘制方法，在所述接收用户的第一输入之后且生成所述第一节点之前，所述方法还包括：

   接收用户的第三输入，所述第三输入的内容为一个或多个字符；

   检测所述第一封闭图形与所述第三输入中的字符在图形绘制界面上的位置关系；

   当所述第一输入中的第一封闭图形包含所述第三输入中的全部字符时，执行生成外框为所述第一封闭图形的第一节点的操作，并根据所述第三输入的内容生成所述第一节点的节点名称。
7. 根据权利要求1所述的图形绘制方法，在所述接收用户的第一输入之后且生成所述第一节点之前，所述方法还包括：

   接收用户的第三输入，所述第三输入的内容为一个或多个字符；

   检测所述第一封闭图形与所述第三输入中的字符在图形绘制界面上的位置关系；

   当所述第一输入中的第一封闭图形与所述第三输入中的任一个字符不存在交叠区域时，响应用户的第五操作，移动所述第一封闭图形或所述字符的位置，所述第五操作为拖拽所述第一封闭图形或所述字符；

   当所述第一封闭图形与所述第三输入中的至少一个字符存在交叠区域时，执行生成外框为所述第一封闭图形的第一节点的操作，并根据所述第三输入的内容生成所述第一节点的节点名称。
8. 根据权利要求5至7任一所述的图形绘制方法，在所述接收用户的第一输入之后且在所述接收用户的第三输入之前，所述方法还包括：

   显示所述可封闭图形为第一封闭图形。
9. 根据权利要求1所述的图形绘制方法，所述方法还包括：

   检测是否有编辑所述第一节点的名称的第一操作；

   当检测到所述第一操作时，通过弹窗接收用户的第四输入，并根据所述第四输入生成所述第一节点的名称。
10. 根据权利要求1所述的图形绘制方法，所述方法还包括：

    识别所述可封闭图形是否与当前图形绘制界面中的任一节点连接；

    当所述可封闭图形与所述当前图形绘制界面中的任一节点均未连接时，生成的所述第一节点为自由节点；

    当所述可封闭图形与所述当前图形绘制界面中的第二节点连接时，生成的所述第一节点为所述第二节点的子节点，所述第二节点为所述当前图形绘制界面中的根节点或子节点。
11. 根据权利要求10所述的图形绘制方法，所述方法还包括：

    检测是否有所述自由节点被选中的第二操作；

    当检测到所述第二操作时，在所述自由节点所在区域显示删除按钮，所述删除按钮用于删除所述删除按钮所在位置的节点。
12. 根据权利要求10所述的图形绘制方法，所述方法还包括：

    检测是否有将所述自由节点移动至所述当前图形绘制界面中的任一节点所在区域的第三操作；

    当检测到所述第三操作时，将所述自由节点添加为所述当前图形绘制界面中的第三节点，所述第三节点的父节点为所述第三操作中的自由节点被移动后所在区域的节点。
13. 根据权利要求10所述的图形绘制方法，所述方法还包括：

    接收用户的第五输入，所述第五输入包括至少一条连接线，所述连接线被配置为连接所述自由节点与所述当前图形绘制界面中的第二节点；

    将所述自由节点添加为所述当前图形绘制界面中的第四节点，所述第四节点的父节点为所述第五输入中的连接线连接的第二节点。
14. 根据权利要求13所述的图形绘制方法，其中，所述连接线为直线连接线、折线连接线或曲线连接线。
15. 根据权利要求10所述的图形绘制方法，所述方法还包括：

    检测是否有所述第二节点被选中的第四操作；

    当检测到所述第四操作且所述第二节点为根节点时，在所述根节点所在区域显示添加按钮，所述添加按钮用于添加所述添加按钮所在位置节点的子节点；

    当检测到所述第四操作且所述第二节点为非根节点时，在所述第二节点所在区域显示添加按钮和删除按钮，所述删除按钮用于删除所述删除按钮所在位置的节点。
16. 根据权利要求1所述的图形绘制方法，所述方法还包括：

    检测节点名称包含的字符个数和/或长度；

    当所述节点名称包含的字符个数和/或长度超过预设的第一阈值时，调整节点的外框的宽度和高度，以使得所述节点名称分行显示。
17. 根据权利要求1所述的图形绘制方法，其中，所述图形绘制界面中的任一节点的数据结构包括以下至少之一：节点的左边位置、节点的顶边位置、是否为根节点、是否为自由节点、子节点集合、节点的文本内容、节点的矩形尺寸。
18. 根据权利要求1所述的图形绘制方法，其中，所述可封闭图形的形状包括直线多边形、曲线多边形或者直线形与曲线组成的封闭图形。
19. 一种图形绘制装置，包括处理器及存储器，所述处理器用于执行所述存储器中存储的程序，以实现如权利要求1至权利要求18任一项所述的图形绘制方法的步骤。
20. 一种计算机可读存储介质，所述计算机可读存储介质上存储有一个或者多个程序，所述一个或者多个程序可被一个或者多个处理器执行，以实现如权利要求1至权利要求18任一项所述的图形绘制方法的步骤。

Images