<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>KityMinder Example</title>
<link href="favicon.ico" type="image/x-icon" rel="shortcut icon">
<link rel="stylesheet" href="src/kityminder.css" rel="stylesheet">
<style type="text/css">
body {
margin: 0;
padding: 0;
height: 100%;
}
#minder-view {
position: absolute;
border: 1px solid #ccc;
left: 10px;
top: 10px;
bottom: 10px;
right: 10px;
}
</style>
<script type="text/javascript" src="node_modules/kity/dist/kity.js"></script>
</head>
<body>
<script id="minder-view" type="application/kityminder" minder-data-type="json">
{
"root": {
"data": {
"text": "百度产品",
"image": "https://www.baidu.com/img/bd_logo1.png?where=super",
"imageSize": { "width": 270, "height": 129 }
},
"children": [
{ "data": { "text": "新闻" } },
{ "data": { "text": "网页", "priority": 1 } },
{ "data": { "text": "贴吧", "priority": 2 } },
{ "data": { "text": "知道", "priority": 2 } },
{ "data": { "text": "音乐", "priority": 3 } },
{ "data": { "text": "图片", "priority": 3 } },
{ "data": { "text": "视频", "priority": 3 } },
{ "data": { "text": "地图", "priority": 3 } },
{ "data": { "text": "百科", "priority": 3 } },
{ "data": { "text": "更多", "hyperlink": "http://www.baidu.com/more" } }
]
}
}
</script>
</body>
<!-- *************************** Module 形式加载引入 **************************** -->
<script type="text/javascript" src="node_modules/seajs/dist/sea-debug.js"></script>
<script type="text/javascript">
/* global seajs */
seajs.config({
base: './src'
});
define('start', function(require) {
var Minder = require('kityminder').Minder;
// 创建 km 实例
var km = window.km = new Minder();
km.setup('#minder-view');
});
seajs.use('start');
</script>
</html>
基于JavaScript的的脑图可视化工具设计与实现 （100个子文件） 
kityminder.core.css 4KB kityminder.css 4KB .gitignore 93B .gitmodules 0B
dev.html 2KB example.html 2KB icon.ico 66KB kityminder.core.js 370KB kityminder.core.min.js 128KB layout.js 16KB dragtree.js 15KB view.js 15KB data.js 12KB svg.js 12KB resource.js 11KB node.js 11KB expand.js 10KB png.js 10KB text.js 10KB render.js 9KB event.js 9KB promise.js 9KB select.js 7KB text.js 7KB zoom.js 7KB font.js 6KB keynav.js 6KB outline.js 5KB progress.js 5KB priority.js 5KB clipboard.js 5KB hyperlink.js 5KB btree.js 5KB node.js 5KB module.js 5KB command.js 5KB theme.js 5KB select.js 5KB image.js 5KB style.js 5KB shortcut.js 5KB basestyle.js 4KB markdown.js 4KB arrange.js 4KB image-viewer.js 4KB note.js 4KB connect.js 3KB tianpan.js 3KB default.js 3KB patch.js 3KB snow.js 3KB kityminder.js 3KB Gruntfile.js 3KB filetree.js 3KB fish.js 3KB template.js 3KB import.js 3KB arc_tp.js 3KB layout.js 2KB compatibility.js 2KB tianpan.js 2KB fresh.js 2KB fish-bone-slave.js 2KB keymap.js 2KB fish-bone-master.js 2KB paper.js 2KB mind.js 2KB keyreceiver.js 2KB utils.js 2KB poly.js 2KB readonly.js 2KB status.js 2KB arc.js 1KB under.js 1KB focus.js 1KB animate.js 1KB bezier.js 1KB fish-bone.js 966B minder.js 936B option.js 905B _boxv.js 865B wire.js 861B default.js 840B l.js 781B fish-bone-master.js 758B tianpan.js 628B filetree.js 602B right.js 478B json.js 458B structure.js 426B kity.js 178B expose-kityminder.js 134B .jsbeautifyrc 487B .jscsrc 2KB .jshintrc 254B package-lock.json 141KB package.json 1KB LICENSE 1KB Architecture.md 9KB CHANGELOG.md 181B共 100 条
- 1
资源评论
