一种思维导图生成方法及装置制造方法及图纸

本申请提供一种思维导图生成方法及装置，该方法包括：构建初始画布以及平面坐标系；获取用户上传的树形结构数据和自定义渲染函数；基于树形结构数据和自定义渲染函数渲染初始节点；其中，初始节点为隐藏形式的节点；基于平面坐标系调整初始节点在初始画布中的位置；将初始节点修改为可见形式的节点，得到目标节点；根据预设的连线算法连接目标节点中的父子节点，得到渲染好的思维导图

【技术实现步骤摘要】
一种思维导图生成方法及装置


[0001]本申请涉及数据处理
，具体而言，涉及一种思维导图生成方法及装置
。

技术介绍

[0002]目前，思维导图是一种常见的表达发散性思维的有效工具，它通常由节点和连线来展示，节点中展示关键词文本或其他内容，连线则表示节点之间的关联关系
。
现有的思维导图生成方式，通常是基于固定的配置选项，来配置画布和节点的属性，只能在有限的范围进行配置，难以实现节点的自定义
。
可见，现有方法无法自定义生成思维导图，灵活性差
。

技术实现思路

[0003]本申请实施例的目的在于提供一种思维导图生成方法及装置，能够实现自定义配置，从而能够自定义生成思维导图，灵活性好
。
[0004]本申请第一方面提供了一种思维导图生成方法，包括：
[0005]构建初始画布以及平面坐标系；
[0006]获取用户上传的树形结构数据和自定义渲染函数；
[0007]基于所述树形结构数据和所述自定义渲染函数渲染初始节点；其中，所述初始节点为隐藏形式的节点；
[0008]基于所述平面坐标系调整所述初始节点在所述初始画布中的位置；
[0009]将所述初始节点修改为可见形式的节点，得到目标节点；
[0010]根据预设的连线算法连接所述目标节点中的父子节点，得到渲染好的思维导图
。
[0011]进一步地，所述构建初始画布以及平面坐标系，包括：
[0012]基于浏览器
DOM
元素构建初始画布；
[0013]基于所述初始画布构建平面坐标系
。
[0014]进一步地，所述基于所述树形结构数据和所述自定义渲染函数渲染初始节点，包括：
[0015]基于所述自定义渲染函数在所述初始画布上渲染初始节点；
[0016]获取所述初始节点的节点尺寸；
[0017]将所述节点尺寸存储至所述树形结构数据中
。
[0018]进一步地，所述基于所述平面坐标系调整所述初始节点在所述初始画布中的位置，包括：
[0019]使用非分层树布局算法计算所述初始节点的左上角在所述平面坐标系中的目标坐标；
[0020]根据所述目标坐标调整所述初始节点在所述初始画布中的位置
。
[0021]进一步地，所述根据预设的连线算法连接所述目标节点中的父子节点，得到渲染好的思维导图，包括：
[0022]计算所述目标节点中父子节点之间的连线位置点；
[0023]根据预设的连线算法和所述连线位置点，连接所述目标节点中的父子节点，得到渲染好的思维导图
。
[0024]本申请第二方面提供了一种思维导图生成装置，所述思维导图生成装置包括：
[0025]构建单元，用于构建初始画布以及平面坐标系；
[0026]获取单元，用于获取用户上传的树形结构数据和自定义渲染函数；
[0027]渲染单元，用于基于所述树形结构数据和所述自定义渲染函数渲染初始节点；其中，所述初始节点为隐藏形式的节点；
[0028]调整单元，用于基于所述平面坐标系调整所述初始节点在所述初始画布中的位置；
[0029]修改单元，用于将所述初始节点修改为可见形式的节点，得到目标节点；
[0030]连接单元，用于根据预设的连线算法连接所述目标节点中的父子节点，得到渲染好的思维导图
。
[0031]进一步地，所述构建单元包括：
[0032]第一构建子单元，用于基于浏览器
DOM
元素构建初始画布；
[0033]第二构建子单元，用于基于所述初始画布构建平面坐标系
。
[0034]进一步地，所述渲染单元包括：
[0035]渲染子单元，用于基于所述自定义渲染函数在所述初始画布上渲染初始节点；
[0036]获取子单元，用于获取所述初始节点的节点尺寸；
[0037]存储子单元，用于将所述节点尺寸存储至所述树形结构数据中
。
[0038]进一步地，所述调整单元包括：
[0039]第一计算子单元，用于使用非分层树布局算法计算所述初始节点的左上角在所述平面坐标系中的目标坐标；
[0040]调整子单元，用于根据所述目标坐标调整所述初始节点在所述初始画布中的位置
。
[0041]进一步地，所述连接单元包括：
[0042]第二计算子单元，用于计算所述目标节点中父子节点之间的连线位置点；
[0043]连接子单元，用于根据预设的连线算法和所述连线位置点，连接所述目标节点中的父子节点，得到渲染好的思维导图
。
[0044]本申请第三方面提供了一种电子设备，包括存储器以及处理器，所述存储器用于存储计算机程序，所述处理器运行所述计算机程序以使所述电子设备执行本申请第一方面中任一项所述的思维导图生成方法
。
[0045]本申请第四方面提供了一种计算机可读存储介质，其存储有计算机程序指令，所述计算机程序指令被一处理器读取并运行时，执行本申请第一方面中任一项所述的思维导图生成方法
。
[0046]本申请的有益效果为：该方法及装置能够实现自定义配置，从而能够自定义生成思维导图，灵活性好
。
附图说明
[0047]为了更清楚地说明本申请实施例的技术方案，下面将对本申请实施例中所需要使
用的附图作简单地介绍，应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图
。
[0048]图1为本申请实施例提供的一种思维导图生成方法的流程示意图；
[0049]图2为本申请实施例提供的另一种思维导图生成方法的流程示意图；
[0050]图3为本申请实施例提供的一种思维导图生成装置的结构示意图；
[0051]图4为本申请实施例提供的另一种思维导图生成装置的结构示意图；
[0052]图5为本申请实施例提供的一种思维导图生成方法的举例流程示意图
。
具体实施方式
[0053]下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行描述
。
[0054]应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释
。
同时，在本申请的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性
。
[0055]实施例1[0056]请参看图1，图1为本实施例提供的一种思维导图生成方法的流程示意图
。
其中，该思维导图生成方法包括：
[0057]S101、
构建初始画布以及平面坐标系
。
[0058本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.
一种思维导图生成方法，其特征在于，包括：构建初始画布以及平面坐标系；获取用户上传的树形结构数据和自定义渲染函数；基于所述树形结构数据和所述自定义渲染函数渲染初始节点；其中，所述初始节点为隐藏形式的节点；基于所述平面坐标系调整所述初始节点在所述初始画布中的位置；将所述初始节点修改为可见形式的节点，得到目标节点；根据预设的连线算法连接所述目标节点中的父子节点，得到渲染好的思维导图
。2.
根据权利要求1所述的思维导图生成方法，其特征在于，所述构建初始画布以及平面坐标系，包括：基于浏览器
DOM
元素构建初始画布；基于所述初始画布构建平面坐标系
。3.
根据权利要求1所述的思维导图生成方法，其特征在于，所述基于所述树形结构数据和所述自定义渲染函数渲染初始节点，包括：基于所述自定义渲染函数在所述初始画布上渲染初始节点；获取所述初始节点的节点尺寸；将所述节点尺寸存储至所述树形结构数据中
。4.
根据权利要求1所述的思维导图生成方法，其特征在于，所述基于所述平面坐标系调整所述初始节点在所述初始画布中的位置，包括：使用非分层树布局算法计算所述初始节点的左上角在所述平面坐标系中的目标坐标；根据所述目标坐标调整所述初始节点在所述初始画布中的位置
。5.
根据权利要求1所述的思维导图生成方法，其特征在于，所述根据预设的连线算法连接所述目标节点中的父子节点，得到渲染好的思维导图，包括：计算所述目标节点中父子节点之间的连线位置点；根据预设的连线算法和所述连线位置点，连接所述目标节点中的父子节点，得到渲染好的思维导图
...

【专利技术属性】
技术研发人员：许健，周涛，李存凤，
申请(专利权)人：浙江亿保软件有限公司，
类型：发明
国别省市：