jsMind通过鼠标拖拽的方式调整节点位置
投稿:hebedich
这篇文章主要介绍了jsMind通过鼠标拖拽的方式调整节点位置的方法,十分的简单实用,推荐给有需要的小伙伴参考下。
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>
以上所述就是本文的全部内容了,希望大家能够喜欢。