jsMind是一个纯javascript实现的思维导图类库,基于html5的canvas实现,以BSD协议开源。
提供了思维导图的显示,编辑等功能,支持freemind数据格式,有丰富的开发接口可供使用,具体功能请访问软件主页进一步了解。
jsMind 现已支持通过鼠标拖拽的方式调整节点位置了。只需引用最新版本的 jsmind.js 以及 jsmind.draggable.js 即可使用该功能。需要注意的是,当思维导图设置为不可编辑的时候,拖拽功能也将同时禁止。
请访问 项目主页:http://hizzgdev.github.io/jsmind/ 体验效果。
复制代码 代码如下:
<script type="text/javascript" src="js/jsmind.js"></script>
<!-- 只需添加下方 js 引用即可 -->
<script type="text/javascript" src="js/jsmind.draggable.js"></script>
以上所述就是本文的全部内容了,希望大家能够喜欢。
您可能感兴趣的文章:
- js实现鼠标拖拽多选功能示例
- js实现登录框鼠标拖拽效果
- js实现百度登录框鼠标拖拽效果
- JS鼠标拖拽实例分析
- js实现使用鼠标拖拽切换图片的方法
- 鼠标拖拽移动子窗体的JS实现
- javascript简单拖拽实现代码(鼠标事件 mousedown mousemove mouseup)
- 超酷的鼠标拖拽翻页(分页)效果实现javascript代码
- 使用javaScript实现鼠标拖拽事件