html5课件有没有用思维导图写出来的

制作思维导图应用

Qunee组件本身支持树形布局，所以对于思维导图的大体结构是可以呈现的，到细节的地方就比较多了，包括线条的走向，节点的样式，布局交互，自动吸附，双击编辑等等，本示例没办法面面俱到，所以参照XMind的效果，只实现了部分功能，供用户参考和扩展

连线定制

默认连线为直线，通过定制EdgeUI可以实现曲线效果

function FlexEdgeUI(edge, graph){

Q.doSuperConstructor(this, FlexEdgeUI, arguments)

}

FlexEdgeUI.prototype = {drawEdge: function(path, fromUI, toUI, edgeType, fromBounds, toBounds){var from = fromBounds.center var to = toBounds.center var cx = (from.x + to.x) / 2 var cy = (from.y + to.y) / 2

path.curveTo(from.x, cy, cx, to.y)

}

}

Q.extend(FlexEdgeUI, Q.EdgeUI)

使用方式

通过图元的#uiClass属性，与定制的EdgeUI相关联

function createEdge(name, from, to){

var edge = graph.createEdge(name, from, to)

edge.uiClass = FlexEdgeUI

}

方法步骤：

以windows7 *** 作为例：

设备：win7

版本：6.1.7600.16385

*** 作界面：金舟流程图

第一步、双击打开软件，选择新建一个空白文件；

第二步、如图，以下是思维导图的制作界面；

第三步、以“开始”为中心，单击鼠标右键即可添加下一级主题，以此类推；

第四步、如图，创建出多个等级目录后，双击内容输入文字；

第五步、大致的思维导图其实已经差不多了，接下来都是细节上的问题，可根据自己的需要在相应的位置插入好看的样式即可，也可添加其他参数内容；

第六步、完成制作后，在右上角可选择保存或者导出。

可以通过WPS来快速插入模板，然后根据需要进行编辑即可。

台式电脑inter

Windows10

word2016

1、打开word2010文档，从菜单栏中红找到【插入】按钮

2、点击【插入】在选项中找到【图表】选项按钮

3、点击图表选择左侧的【树状图】选项按钮

4、在右侧选择样式，现在这有一个，以后还会更新样式的，然后点击确定

5、一个简单的树状图就完成了

---