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;
}