jsMind通过鼠标拖拽的方式调整节点位置

2019-12-18,,

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实现鼠标拖拽事件

《jsMind通过鼠标拖拽的方式调整节点位置.doc》

下载本文的Word格式文档,以方便收藏与打印。